平成レトロとは?(Colorful Edition)
パターン背景、ネオン調バッジ、レインボー罫線、ベベルボタン… “らしさ”を多色構成で再現したテストページです。
NEW!
工事中
WELCOME
HOT!
再現デモ(Framesの気持ち / Tableの気持ち)
| パーツ | 雰囲気 | 令和的補足 |
|---|---|---|
| フレーム風レイアウト | 左メニュー / 右本文 | CSS Gridで再現(レスポンシブ時は1カラム) |
| カラフルボタン | 原色グラデ+ベベル | :nth-childで自動配色、画像不使用 |
| ネオンバッジ | NEW/HOT/WIP | CSSグラデ+stepアニメで“チカチカ” |
| 訪問カウンター | 緑のデジタル数字 | localStorageでインクリメント |
当時の制作Tips(懐古)
- 配色はとにかくにぎやか。区画ごとに色が違っていてもOK。
- ボタンや枠はベベル&リッジで“押せそう”に。
- 「NEW!」「工事中」などのGIFラベルで視線誘導。
色見本ギャラリー(テキストだけで原色の海)
#ff2d5e
RED
RED
#ff8c1a
ORANGE
ORANGE
#ffd400
YELLOW
YELLOW
#00c97a
GREEN
GREEN
#02c2c2
TEAL
TEAL
#1a7bff
BLUE
BLUE
#7d42ff
PURPLE
PURPLE
ゲストブック(掲示板)は工事中
完成したら相互リンクもぜひ!
🚧 工事中 🚧
相互リンク
相互リンク大歓迎です。掲示板(仮)に設置予定のフォームからお知らせください。
※このページは“平成レトロ表現:カラフル強化版”のデモです。実務サイトではアクセシビリティ・可読性・ブランディングに合わせて配色を最適化します。