따뜻함을 주는 활기찬 앰버 악센트와 보조 CTA를 위한 시그니처 시안이 있는 고대비 다크 테마
03
타이포그래피
transitional-serif · humanist-sans · monospace
display80px · 400
h148px · 400
body20px · 400
대형 디스플레이 타입과 권위 있는 제목에는 전환형 세리프를 사용합니다 · 본문과 UI 요소에는 휴머니트 산스를 사용합니다 · 코드 블록과 터미널 유사 인터페이스에는 모노스페이스를 사용합니다 · 손글씨 주석(예: 'easy')은 표준 타입 위에 특별한 장식 레이어로 처리됩니다
04
여백
4px
8px
12px
16px
24px
32px
48px
64px
96px
규모와 중요성을 강조하기 위한 넉넉한 여백이 있는 표준 4px 그리드
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 12px
pill · 999px
미묘한 컨테이너 구분을 위해 rgba(43, 48, 59, 1.0)를 사용하는 솔리드 1px 테두리
이것은 기업의 신뢰성과 기술적 장난기를 균형 잡은 AI 및 머신러닝을 위한 다크 테마 개발자 플랫폼입니다. 디자인은 깊은 차콜 배경(#202226)을 중심으로 하며, 주요 작업에는 활기찬 앰버 악센트(#FCBC32)를, 기타 CTA에는 보조 시안을 사용합니다. 타이포그래피는 굵고 권위 있는 디스플레이 제목에 전환형 세리프를, 읽기 좋은 본문에는 휴머니트 산스를 사용하며, 코드 중심 영역에는 모노스페이스가 보충됩니다. 시그니처 요소는 메인 헤드라인을 수정하는 손글씨 주석의 장난기 있는 사용으로, 하이테크 제품에 개성을 불어넣습니다. 핵심 디자인 제약 조건은 다음과 같습니다: 절대 밝은 배경을 사용하지 말 것, 주요 악센트로 빨간색을 피할 것, 대규모 요소에 필요한 넉넉한 간격을 생략하지 말 것. 레이아웃은 구조화되어 있지만 히어로 섹션에서 긋어버린 'hard'와 같은 표현적이고 그리드에 정렬되지 않은 장식적touches를 허용합니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
