큐레이션 · 오픈 · 무료

Datalands

브랜딩과 데이터를 결합하는 시각 커뮤니케이션 및 정보 디자인 스튜디오.

StudioData VisualizationBold TypographyDark ModeClean
Datalands 스크린샷
↓ 디자인 시스템 다운로드 (10 MB)OpenDesign 에서 열기

원본 사이트: https://datalands.co

📦 팩 내용 보기 →

01

디자인 DNA

시각 커뮤니케이션정보 디자인데이터 시각화브랜딩스튜디오

데이터를 위한 대담한 흑백 건축 회사.

02

컬러

#FFFFFFInk
#000000BG
#3D3D3DMuted
rgba(255, 255, 255, 0.2)Line

깊은 검은색 캔버스 위의 날카로운 흰색 타이포그래피를 사용한 고대비 흑백 팔레트.

03

타이포그래피

geometric-sans · grotesque-sans · monospace

UI 라벨과 작은 태그에는 monospace를 사용합니다. · 메인 로고타입에는 무거운 굵기를 유지합니다. · 본문은 깔끔하고 매우 읽기 쉬운 grotesque-sans를 유지합니다.

04

여백

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

넉넉한

05

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

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

1px solid white for primary outlines, 2px borders on badges

06

레이아웃

1440container
12columns
24pxgutter
768 / 1024breakpoints

콘텐츠를 위한 분할 레이아웃을 갖춘 전체 너비의 히어로 섹션

07

모션과 인터랙션

220msmicro
400mssmall
800msmedium
cubic-bezier(0.44, 0, 0.56, 1)easing

인터랙티브 요소의 섬세한 hover 전환

미세한 색상 변화 또는 불투명도 변경 · 미세한 압축 또는 상태 변경

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

Datalands는 데이터 시각화와 브랜딩을 전문으로 하는 시각 커뮤니케이션 및 정보 디자인 스튜디오입니다. 배경으로 순수한 검은색(#000000)과 텍스트로 흰색(#FFFFFF)을 사용한 날카로운 고대비 흑백 팔레트로 정의되며, 특정 태그용 주황색(#FF7400)과 같은 매우 미니멀한 액센트가 있습니다. 타이포그래피는 거대한 로고타입을 위한 볼드한 맞춤형 기하학적 sans-serif 폰트와 본문용 깔끔한 grotesque-sans에 의존하며, 작은 라벨용 monospace로 보완합니다. 핵심 주의사항은 다음과 같습니다: 절대로 화려한 그라데이션을 사용하지 말고, 장식용 세리프를 피하며, 불필요한 UI 요소로 레이아웃을 붐비게 하지 마세요.

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

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

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

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