FRANKY'S
滑板店柜台上的一台复古游戏机
Franky 的视觉语言融合了复古街机和滑板店的元素：温暖的奶油色背景 (#f3e5df) 被清晰的像素边框勾勒，随处可见的黑白棋盘格图案，以及网站上所有文字都使用的单像素字体 Arcade。调色板刻意保持简洁——仅保留两种颜色（招牌上的信号橙色 #faa21f 和购买按钮上的浓郁绿色 #128e44），并通过将 Arcade 字体的字重从 400 增加到 700，以及在奶油色背景上使用黑色来展现层次感。表面保持平坦和统一；只有按钮上插入的 1 像素奶油色线条和棋盘格图案的色调变化才能营造出深度感。这些组件让人联想起 20 世纪 90 年代的店铺招牌：粗黑边框、6-12 像素的紧凑圆角、4-8 像素的紧凑内边距，以及看起来像像素化图标而非镀铬元素的 3D/AR 开关。新页面旨在保持街机般的氛围：除了橙色的滚动文字外，没有其他渐变效果；没有柔和的阴影；没有装饰性的字体——只有米色纸张、黑色像素线条和单一的暖橙色。
在桌面端，产品页面采用全宽居中布局，最大宽度为 1200 像素。页面布局的自上而下依次为：橙色滚动文本 → 带有黑色线条的米色页眉 → 双栏分割（首页 55% 为棋盘格布局 / 45% 为产品卡片的双栏网格布局） → 页脚的米色条纹。在移动端，首页折叠成全宽棋盘格布局，产品卡片则变为单栏布局。产品卡片均匀分布在双栏网格中，并以灰色像素 (#e5e7eb) 分隔线分隔。各部分之间的间距很小（43–61 像素），界面始终不使用横跨整个页面宽度的深色条纹——米色画布完整呈现。
一张照片，画面中央是几顶帽子，背景是干净的米白色，帽子被裁剪得很紧凑，下方投射出柔和的炭黑色阴影。没有生活方式的展现，没有模特，也没有任何背景信息——帽子本身就是主角。帽子背后的棋盘格图案构成了画面的底纹。除了增强现实开关之外，没有插图，没有3D渲染图，除了logo中像素化的十字之外，也没有任何装饰性图标。
调色板
品牌
- Marquee Orange
#faa21f— 屏幕顶部的通知栏、装饰元素、品牌标识。 - Buy Green
#128e44— “加入购物车”按钮已勾选——这是唯一以绿色标记的购买操作。
中性的
- Arcade Cream
#f3e5df— 页面背景、产品卡片表面、按钮插入。 - Ink Black
#000000— 正文、棋盘格布局、所有用户界面边框、卡片轮廓、图标边框。 - Pixel Gray
#e5e7eb— 细边框、卡片分隔线、网格单元之间的结构规则。 - Charcoal
#333333— 次要表面色调、棋盘格阴影方块、阴影颜色 - Carbon
#151515— 用于填充插图和最密集棋盘格图案的丰富中性色调。 - Muted Gray
#737373— 按钮和正文中的文本已禁用/静音
排版
从 10 像素到 18 像素 · 4 步
- Arcade — 替代品： VT323 · 轮廓 400, 700 · 整个界面使用单一字体——所有标题、标签、价格、按钮、正文和图标均采用 Arcade 字体。从 400 号到 700 号的过渡是创建层级结构的唯一手段；使用第二种字体会破坏自助服务终端的视觉效果。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 稠密 |
| 基本步骤 | 4-8px |
| 按钮半径 | 6px |
| 卡片半径 | 12px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 43-61px |
| 页面宽度 | 1200px |
AI 将按照FRANKY'S风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- 099 SUPPLY — 一面挂满黑白物品的画廊墙
- teenage engineering — 工业摄影棚照明产品目录——产品是页面上唯一的主要元素，其他所有内容都围绕它展开。
- Custo — 一个以枪灰色为主色调、采用单一字体的画廊。一个以柔和的灰绿色为主色调的展厅，里面只有一个深色物件和57像素的字体，无需过多解释。
- Walden — 森林地面的寂静——每一件产品都是一块石头，每一个像素都是苔藓和寂静。
- Fiverr — 这个数字集市的视觉焦点是一抹鲜艳的绿色，与昏暗的舞台背景形成鲜明对比。一个霓虹绿点作为标志的中心点；其余部分则采用单色设计，旨在突出所提供服务的吸引力。
- Peloton — 漆黑跑道上的一盏红色灯塔。健身器材展厅里，一个鲜红色的CTA指示牌穿过宽敞昏暗的展厅，通往干净洁白的产品展示区。
- HOUSEPLANT — 一家书店，亚麻纸上印着坚果图案
- Adam Lippes — 以米色纸张为底的单色编辑工作室——《Vogue》杂志的版面设计，唯一的装饰是布局网格，而不是调色板。
- Elektron — 午夜时分，设备控制面板几乎一片漆黑，产品照片清晰可见，而界面则几乎完全隐形。
- Sigmaphoto — 精密仪器的单色展厅是一个安静的白色房间，在这里唯一重要的颜色就是能激发你行动的颜色。
- Channel Studio — 一间配有珊瑚灯罩的照相馆
- Specht Studio — 一面充满含蓄好奇的画廊墙。工作室特有的镀铬饰面呈现白色底色和黑色字体；视觉上的亮点完全集中在瓷砖铺贴的设计中。