큐레이션 · 오픈 · 무료

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

주로 sans-serif를 사용하지만, 필요 시 강조용으로 'Alliance Platt' (세리프)를 사용합니다. · 본문 및 소규모 UI 텍스트에는 'Alliance Neue' (휴머니스트 산세리프)를 사용합니다. · 대형 디스플레이 텍스트에는 타이트한 자간을 유지합니다.

04

여백

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

넉넉한 여백을 활용한 비대칭 리듬입니다.

05

표면 (라운드 / 그림자 / 경계선)

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

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 easing.

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) 등 차분한 건축적 톤으로 포인트를 줍니다. 중요 유의사항: 얇은 타이포그래피를 절대 사용하지 마세요; 항상 넉넉한 여백을 유지하세요; 일반 UI 버튼 모양을 사용하지 마세요 — 대신 Pill 모양을 사용하세요. 디자인은 프리미엄, 에디토리얼, 건축적인 느낌을 지닙니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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