Best retro & vintage design styles最好的复古与怀旧设计风格
Retro design lands when it borrows the real craft of an era, not a cheap pastiche of it. These vintage styles from Curio's library come from movements and periods with genuine taste — the palettes, type, and composition that defined them — so your work reads as authentically nostalgic, not costume. Each one is a complete system your AI can apply over MCP or a DESIGN.md download.复古设计要打动人，靠的是借来一个年代真正的功夫，而不是廉价的拼贴。下面这些来自 Curio 风格库的怀旧风格出自有真品味的流派与年代 —— 它们标志性的配色、字体与构图 —— 让你的作品读起来是地道的怀旧，而不是穿了件戏服。每一种都是完整系统，你的 AI 可通过 MCP 或下载 DESIGN.md 直接套上。
What makes a retro style work什么样的复古风格才算好
A retro style works when it captures what made the original good: the era's palette and the logic behind it, the typography that carried its voice, and the compositional habits that gave it rhythm. Done well, it feels like a deliberate homage with a real point of view; done lazily, it is just a filter. The difference is whether the whole system is consistent, not whether one detail looks old.复古风格能成立，是因为它抓住了原作好在哪里：那个年代的配色及其背后的逻辑、承载它声音的字体，以及给它节奏感的构图习惯。做得好，它像一次有真态度的致敬；做得偷懒，它就只是个滤镜。区别在于整套系统是否一致，而不在于某个细节是否看着旧。
Every style below is a full design system — colors, typography, spacing, components, and rules — not a template. You do not edit it by hand; you point your AI at it and it builds your page in that style. Tap "What is it" to read the full guide, or "View spec" to see the system.下面每一种都是完整设计系统 —— 色彩、字体、间距、组件加规则 —— 不是模板。你不用手动改；把 AI 指向它，它就用这种风格搭出页面。点「了解风格」看完整指南，或点「查看规格」看系统。
The styles风格清单
-
1
1950s Diner Aqua1950s Diner Aqua
Roadside optimism shouts. Aqua walls, cherry vinyl, chrome bands, and neon script glow.公路乐观主义在叫卖：湖水蓝墙、樱桃红皮革、镀铬条与霓虹手写体发光。
-
2
Art Brut (Dubuffet, 1948)Art Brut (Dubuffet, 1948)
Rawness crowds the frame. Mud brown, oxblood marks, and hand scrawl erase the margins.粗粝填满画面：泥棕底、牛血红刻痕与手写体挤压边缘。
-
3
Art Deco Jazz AgeArt Deco Jazz Age
Jazz Age glamour. Sunburst rays, stepped ziggurats, gold on black — Chrysler Building lobby in CSS.爵士时代的流光奢华：太阳光芒、阶梯几何、金色撞黑底——克莱斯勒大厦门厅的 CSS 版。
-
4
Bauhaus WeimarBauhaus Weimar
Form follows revolution. Primary red-blue-yellow on cream, hard shadows, no ornament — pure form.形式追随革命：奶油纸底上的红蓝黄三原色、硬偏移投影、零装饰——纯粹功能即美。
-
5
Bollywood Poster Art (1970s)Bollywood Poster Art (1970s)
Subtlety is unaffordable. Saffron fields, Bungee shadows, diagonal hoarding drama.节制太便宜：藏红花底、Bungee黑影与斜向招贴制造十米戏剧。
-
6
Caterpillar Construction Yellow (1925)Caterpillar Construction Yellow (1925)
Maximum visibility, zero softness. 109 yellow ground and black slab type.高可见度，零柔和。109 黄底配黑色粗体。
-
7
Coca-Cola ClassicCoca-Cola Classic
Happiness goes full-bleed. Signature red, white ribbon waves, and warm rounded type.快乐铺满全屏：标志性红、白色缎带波浪与圆润字体。
-
8
Danish PH5 Louis Poulsen (1958)Danish PH5 Louis Poulsen (1958)
Engineered, not styled. Blue-gray ground, brass hairlines, and a precise shade diagram.工程感胜过装饰。蓝灰底、黄铜发丝线与精密灯罩剖面。
-
9
De StijlDe Stijl
Primary colors, locked in a black grid. Mondrian's compositions, in thick borders and flat fills.蒙德里安的构成系列译为界面：黑色粗线划分白底、纯红蓝黄填充、零圆角——新造型主义的纪律。
-
10
Edo Ukiyo-e (Hokusai)Edo Ukiyo-e (Hokusai)
Flat power on paper. Prussian blue diagonals and vermillion seals cut across warm washi.纸上有力：普鲁士蓝对角线与朱红印章切入暖和纸。
-
11
Finnish Marimekko Unikko (1964)Finnish Marimekko Unikko (1964)
Scale becomes pattern. Poppy red, cobalt, mustard, and Inter tile flat silhouettes.尺度化为图案。罂粟红、钴蓝、芥末黄与Inter平铺扁平剪影。
-
12
Islamic Girih TilesIslamic Girih Tiles
Sacred geometry glows. Cobalt tile, turquoise stars, and gold strapwork repeat endlessly.圣性几何发光：钴蓝釉面、绿松石星形与金色编带无尽重复。
FAQ常见问题
Will a vintage style still look good on a modern site?复古风格放到现代网站上还好看吗？
Yes — each style is a full system, so your AI applies the era's palette, type, and composition with modern layout and spacing rules. You get the character of the period without the dated usability.好看 —— 每种风格都是完整系统，所以你的 AI 会把那个年代的配色、字体和构图，配上现代的布局与间距规则。你得到的是那个时代的气质，而不是过时的可用性。
How do I apply one of these styles?怎么把这些风格用上？
Connect Curio's MCP server to your AI client (Claude Code, Cursor, ChatGPT, and others) and ask it to build your page in the chosen style, or download the style's DESIGN.md and add it to your project.把 Curio 的 MCP 服务连到你的 AI 客户端（Claude Code、Cursor、ChatGPT 等），让它用选定风格生成你的页面；或下载该风格的 DESIGN.md 加进项目。