精選 · 開放 · 免費

Akaru

一個大膽、極簡的設計機構作品集，採用客製 grotesque 字型與寬闊留白。

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'（serif）作為風格化強調，但主要仍以無襯線體為主。 · 使用 'Alliance Neue'（humanist-sans）作為內文與較小的 UI 文字。 · 大尺度展示文字需保持緊湊的字距。

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

在 hover 狀態下，流暢的顏色與透明度轉場。 · 使用 cubic-bezier 緩動曲線以獲得自然手感。

0.3s 的流暢顏色轉場。 · 細微的透明度或顏色變化。

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) 作為點綴。關鍵禁忌：切勿使用細體字；務必保持充裕留白；切勿使用標準 UI 按鈕形狀——應改用藥丸形。整體設計具備高端、編輯風格與建築感。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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