精选 · 开放 · 免费

Akaru

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

agencywebgl
Akaru 网站截图
↓ 下载设计系统包 (32 MB)在 OpenDesign 中打开

原站: https://akaru.fr

📦 浏览包内文件 →

01

设计气质 DNA

大胆几何编辑精准

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

02

色彩

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

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

03

字体

geometric-sans · humanist-sans

如需风格化点缀，可使用 '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

组件

09

文案语气与禁用清单

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 — 移动首屏
移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

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

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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