OpenDesign·你的设计资产库

网页参考

Akaru

大胆简约的设计机构作品集，采用定制无衬线字体与充裕留白。

AgencyWebGL
Akaru 网站截图

01

设计气质 DNA

大胆几何编辑精准

如同高端建筑事务所的作品集。

02

色彩

#E49366Accent
#0E0E0EInk
#F1EFEBBG
#BFCCD8BG quiet
#B692A1Muted
rgba(14, 14, 14, 1)Line

沉稳的建筑色调衬托高对比度排版。

03

字体

geometric-sans · humanist-sans

  • display96px · 700
  • heading32px · 400
  • body16px · 400

如需风格化点缀，可使用 'Alliance Platt'（衬线体），但主要使用无衬线字体。 · 正文与小型界面文字使用 'Alliance Neue'（人文无衬线体）。 · 大号展示文字保持紧凑的字间距。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px
130px

非对称布局，配合充裕留白。

05

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

sm · 4px
md · 8px
lg · 30px
pill · 999px

1px solid #0E0E0E

inset 0 0 0 1px #0E0E0E · inset 0 0 0 1px rgba(255, 255, 255, 0.2)

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

非对称分屏布局，左侧对齐大字排版。

07

动效与交互

300msmicro
400mssmall
800msmedium
cubic-bezier(0.165, 0.84, 0.44, 1)easing

悬浮时平滑的颜色与透明度过渡。 · cubic-bezier 缓动带来自然体验。

0.3秒内平滑的颜色过渡。 · 细微的透明度或颜色变化。

08

组件

  • button 药丸形菜单按钮，深色背景配白色文字。
  • card 无边框的图片区块，边缘对齐。
  • hero 占据视口左半部分的大幅定制展示字体。

09

文案语气与禁用清单

  • 语气 专业、自信、严谨。
  • 标题风格 极简、大尺寸、视觉主导。
  • 按钮文案 高对比度的药丸形按钮。
  • 勿使用纤细字体——截图显示为厚重粗体展示文字。
  • 勿用小元素杂乱布局——截图显示为宽敞干净的留白。
  • 勿用标准系统字体——截图呈现高度定制的几何展示字体。
  • 勿用明亮饱和的背景色——截图使用沉稳的米白色（#F1EFEB）基底。
  • 勿用方形按钮——截图显示药丸形（999px）按钮与元素。
  • 勿将所有内容居中——截图显示强烈的左对齐非对称布局。
  • 避免: 过度装饰性元素
  • 避免: 鲜艳霓虹色
  • 避免: 密集文本块
  • 避免: 通用无衬线字体

10

包内真实截图

Akaru — 桌面首屏（hero）
桌面首屏（hero）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Akaru — 移动首屏
移动首屏

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个高端设计机构网站，以极简大胆的美学为特征。布局采用非对称设计，主视觉使用大号定制几何展示字体（'Alliance Platt'），正文使用 'Alliance Neue'。色调以暖米白色背景（#F1EFEB）和深炭灰色墨水（#0E0E0E）为主，辅以灰粉（#B692A1）、淡蓝（#BFCCD8）等沉稳建筑色调，并点缀一抹赤陶色（#E49366）。关键禁忌：切勿使用纤细字体；务必保持充裕留白；勿用标准界面按钮形状——改用药丸形。设计需体现高端、编辑感与建筑质感。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明，可复制给 Agent。