Best retro & vintage design styles
レトロデザインが響くのは、安価な模倣ではなく、その時代が持っていた本物の技法を借りるときです。Curioの以下のヴィンテージスタイルは、確かな美意識を持つ運動や時代の配色、文字、構図に基づき、仮装ではない自然な懐かしさを生みます。どれもAIがMCPまたはDESIGN.mdのダウンロードで適用できる完全なシステムです。
優れたレトロスタイルの条件
レトロスタイルは、元の時代の良さを捉えたときに成立します。その時代の配色とその背景にある論理、声を担ったタイポグラフィ、リズムを作った構図の習慣です。うまく作れば明確な視点を持つ敬意ある引用になり、安易に作れば単なるフィルターになります。違いは、一つの古いディテールではなくシステム全体の一貫性にあります。
以下はすべてテンプレートではなく、色、タイポグラフィ、余白、コンポーネント、ルールを含む完全なデザインシステムです。AIに指定すれば、そのスタイルでページを作ります。「What is it」で詳しいガイドを、「View spec」でシステムを確認できます。
The styles
-
1
1950s Diner Aqua
Roadside optimism shouts. Aqua walls, cherry vinyl, chrome bands, and neon script glow.
-
2
Aboriginal Dot Painting
Ancient story-map energy. Red ochre, bone dots, concentric circles, and U-marks build country.
-
3
Akan Adinkra (Ghana)
Proverbs become cloth. Russet grids, lampblack serif marks, and gold-edge bands stamp meaning.
-
4
Art Brut (Dubuffet, 1948)
Rawness crowds the frame. Mud brown, oxblood marks, and hand scrawl erase the margins.
-
5
Art Deco Jazz Age
Jazz Age glamour. Sunburst rays, stepped ziggurats, gold on black — Chrysler Building lobby in CSS.
-
6
Bauhaus Weimar
Form follows revolution. Primary red-blue-yellow on cream, hard shadows, no ornament — pure form.
-
7
Bollywood Poster Art (1970s)
Subtlety is unaffordable. Saffron fields, Bungee shadows, diagonal hoarding drama.
-
8
Caterpillar Construction Yellow (1925)
Maximum visibility, zero softness. 109 yellow ground and black slab type.
-
9
Coca-Cola Classic
Happiness goes full-bleed. Signature red, white ribbon waves, and warm rounded type.
-
10
Danish PH5 Louis Poulsen (1958)
Engineered, not styled. Blue-gray ground, brass hairlines, and a precise shade diagram.
-
11
De Stijl
Primary colors, locked in a black grid. Mondrian's compositions, in thick borders and flat fills.
-
12
Dieter Rams / Braun
Quiet by design. Warm gray, white panels, hairline grids, and one earned green dot.
FAQ
ヴィンテージスタイルは現代のサイトでも映えますか？
はい。各スタイルは完全なシステムなので、AIはその時代の配色、文字、構図を現代のレイアウトと余白のルールに組み合わせます。時代の個性は得られても、使い勝手まで古くはなりません。
これらのスタイルを適用するにはどうすればよいですか？
CurioのMCPサーバーをAIクライアント（Claude Code、Cursor、ChatGPTなど）に接続し、選んだスタイルでページを作るよう依頼します。または、そのスタイルのDESIGN.mdをダウンロードしてプロジェクトに追加します。