큐레이션 · 오픈 · 무료

Artek

사진 스토리텔링과 절제된 고전적 타이포그래피를 강조하는 세련된 가구 브랜드 웹사이트입니다.

furnituredesign
Artek 스크린샷
↓ 디자인 시스템 다운로드 (34 MB)OpenDesign 에서 열기

원본 사이트: https://www.artek.fi

📦 팩 내용 보기 →

01

디자인 DNA

스칸디나비아가구디자인유산미니멀리스트

깔끔하고 고급 가구 카탈로그

02

컬러

#000000Ink
#FFFFFFBG
#F7F7F7BG soft
#EAEAEABG quiet
#919191Muted
rgba(0,0,0,0.1)Line

고품질 사진에 크게 의존하여 따뜻함과 깊이를 제공하는 단일색 UI 팔레트입니다.

03

타이포그래피

geometric-sans

04

여백

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

종종 45px와 같은 패딩 블록으로 정의되는 넉넉한 여백입니다.

05

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

sm · 0px
md · 0px
lg · 15px
pill · 999px

간결하며, 윤곽선이나 밑줄용으로 일반적으로 1px solid black입니다.

06

레이아웃

1440container
12columns
24pxgutter
768 / 1024breakpoints

텍스트를 위한 체계적인 그리드 레이아웃과 교차 배치되는 대형 풀폭 사진 섹션입니다.

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

UI 요소를 위한 부드러운 페이드인과 미세한 전환.

미세한 색상 변화 또는 불투명도 변화. · 즉각적인 피드백.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

Artek는 프리미엄 핀란드 가구 브랜드입니다. 웹사이트는 고품질 사진에 초점을 맞춘 세련된 에디토리얼 미학을 특징으로 합니다. 디자인은 깔끔한 기하학적산세리프 타이포그래피(Artek Futura)에 의존합니다. 색상 팔레트는 엄격히 단일색으로, 검정, 흰색, 중립적 회색(#F7F7F7, #EAEAEA)을 사용하여 제품 사진이 따뜻함과 개성을 제공하도록 합니다. 주요 배경색(#FFFFFF)과 주요 텍스트(#000000) 등 핵심 헥스 값이 포함됩니다. 과도한 장식이나 밝은 색상을 사용하지 마세요; 무거운 그림자나 장난스러운 타이포그래피를 피하세요; 레이아웃을 어지럽히지 마세요.

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

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

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

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