큐레이션 · 오픈 · 무료

Daily

글로벌 실시간 통신 플랫폼을 위한 미니멀리스트 단색 인터페이스.

01

디자인 DNA

깔끔하고 개발자 중심의 미학을 가진 산업 등급 인프라 제공자.

02

컬러

높은 대비와 중립적인 회색을 통해 콘텐츠 명확성에 초점을 맞춘 엄격한 단색 팔레트.

03

타이포그래피

humanist-sans · monospace

• display48px · 500
• headline36px · 500
• subhead20px · 400
• body16px · 400
• label14px · 400
• stat36px · 500

헤드라인과 본문 텍스트에는 DM Sans(humanist-sans)를 사용합니다. · UI 라벨, 네비게이션 항목, 기술적 주석에는 DM Mono를 사용합니다. · 큰 헤드라인에는 타이트한 트래킹을, 대문자 라벨에는 느슨한 트래킹(0.7px)을 유지합니다.

04

여백

표준 4px 기반과 주요 콘텐츠 섹션 간 넉넉한 수직 간격(48px-96px).

05

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

1px solid #E5E7EB

0px 4px 6px -4px rgba(0,0,0,0.1) · 0px 10px 15px -3px rgba(0,0,0,0.1)

06

레이아웃

텍스트가 왼쪽, 최소한의 그래픽이 오른쪽에 위치한 비대칭 히어로; 통계를 위한 구조화된 그리드.

07

모션과 인터랙션

표준 UI 상호작용을 위한 부드러운 불투명도 및 변환 전환. · 콘텐츠 표시를 위한 섬세한 페이드인 및 슬라이드업 효과.

상호작용 요소를 위한 표준 색상 및 배경 전환(0.15초). · 과도한 스케일링이나 복잡한 애니메이션 없이 즉각적인 시각적 피드백.

08

컴포넌트

• button 흰색 텍스트가 포함된 검은색 단색 배경 또는 사각 불릿 접두사가 있는 고스트 스타일을 사용하는 단색 버튼.
• card 섬세한 수평선으로 구분되는 깔끔하고 테두리 없는 콘텐츠 블록.
• chip [PLATFORM]과 같은 대괄호로 감싸진 모노스페이스 폰트의 대문자 텍스트 라벨.
• input 미니멀리스트적이며 메인 뷰에서 크게 부각되지 않음.
• hero 간결한 하위 헤드라인과 메인 액션 버튼이 있는 크고 굵은 헤드라인.

09

보이스와 금지 목록

• 톤 기술적이고 권위 있으며 정확함.
• 헤드라인 직관적이고 설명적이며, 규모와 기능에 초점을 맞춤.
• CTA 'BUILDING 시작하기' 및 '자세히 알아보기'와 같은 행동 지향적.

• 강렬한 강조 색상을 사용하지 마세요 — 스크린샷은 엄격한 단색 팔레트를 보여줍니다.
• 장식적이거나 세리프 폰트를 사용하지 마세요 — 스크린샷은 humanist-sans와 monospace 카테고리만 보여줍니다.
• 둥글고 친근한 카드 스타일을 사용하지 마세요 — 스크린샷은 날카롭거나 약간 둥근(4px) 모서리와 단단한 구분선을 보여줍니다.
• 밀집하고 비좁은 레이아웃을 사용하지 마세요 — 스크린샷은 섹션 간 넉넉한 여백(48px-96px)을 보여줍니다.
• 비공식적이고 캐주얼한 언어를 사용하지 마세요 — 스크린샷은 'WebRTC 인프라'와 같은 정확한 기술 용어를 사용합니다.
• 복잡하고 바쁜 배경 패턴을 사용하지 마세요 — 스크린샷은 단순한 근백색(#FCFCFC) 배경을 사용합니다.
• 피하기: 과도한 마케팅 용어
• 피하기: 복잡한 문장 구조
• 피하기: 기술적 지원 없는 모호한 주장

10

팩 안의 실제 스크린샷

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

11

System Prompt

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