精选 · 开放 · 免费

Exo Ape

电影感、图像驱动的设计工作室网站，具有精致的排版和从容的节奏。

01

设计气质 DNA

高端建筑杂志与奢华酒店大堂的结合。

02

色彩

英雄摄影作为主要画布，纯净白色排版提供最大对比度，单一暖色点缀增添微妙暖意。

03

字体

humanist-sans

• display250px · 300
• heading144px · 300
• body16px · 300

对展示尺寸使用极紧的负字间距，以实现高端、建筑感的外观。 · 所有文本保持轻量 (300) 字重，以保持优雅。 · 所有排版元素确保高对比度（深色上的白色）。

04

间距

宽敞、画廊般的节奏，主要元素周围留有充足内边距。

05

表面 (圆角 / 阴影 / 边线)

极简；依赖色彩对比和摄影景深而非线条。

06

布局

全出血摄影主视觉，搭配左对齐的文本块。

07

动效与交互

悬停状态使用平滑的不透明度过渡。 · 大型文本元素使用电影感的滚动揭示。

微妙的不透明度降低。 · 即时响应。

08

组件

• button 无背景的极简文本链接。
• card 全出血图像叠加。
• hero 全视口摄影背景，搭配巨大、左对齐的排版。

09

文案语气与禁用清单

• 语气 自信、低调且高端。
• 标题风格 轻量字重的巨大单词或短语陈述。
• 按钮文案 低调、基于文本的行动号召。

• 勿使用粗重字重 — 截图显示所有文本采用一致的轻量 (300) 字重。
• 勿为主要表面添加圆角 — 截图显示锐利的建筑感边缘。
• 勿使用明亮、饱和的点缀色 — 截图依赖摄影上的白色文本。
• 勿使布局拥挤 — 截图显示文本块周围有充足内边距 (如 50px)。
• 勿使用带可见线条的网格 — 截图使用空白和对齐来组织内容。
• 勿使用小型展示文本 — 截图显示 'Digital' 以巨大的 250px 尺度呈现。
• 避免: 响亮、饱和的色彩。
• 避免: 主要容器上的圆角。
• 避免: 粗重字体 (400+)。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko