핵심 호출-to-액션 및 브랜드 요소를 강조하기 위한 일렉트릭 그린 액센트가 포함된 고대비 다크 모드.
03
타이포그래피
grotesque-sans
display56px · 900
heading24px · 700
body16px · 400
보조 네비게이션과 작은 레이블에는 모두 대문자를 사용합니다. · 크기 표시 텍스트에는 좁은 자간을 유지합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
별도의 섹션을 구분하기 위해 넉넉한 수직 패딩을 사용하는 4px 그리드.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 0px
모든 인터랙티브 요소와 컨테이너에 둥근 모서리 없이 날카로운 직각 모서리를 적용합니다.
06
레이아웃
1280container
12columns
24pxgutter
768 / 1024breakpoints
전체 너비 히어로 섹션에 2열 분할, 이후 게임 카드의 수평 그리드가 이어집니다.
07
모션과 인터랙션
150msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
인터랙티브 요소에 대한 미묘한 호버 상태. 복잡한 애니메이션은 보이지 않습니다.
주요 버튼과 링크에서의 색상 변화 또는 미묘한 밝기 변화. · 크기 변화 없이 즉각적인 시각적 피드백.
08
컴포넌트
button단색 배경과 날카로운 모서리를 가진 고대비 직사각형 버튼.
card최소한의 테두리를 가진 단순한 직사각형 카드로, 주로 게임 썸네일에 사용됩니다.
chip미묘한 배경 대비를 가진 소문자 대문자 텍스트 레이블.
input명확하게 보이지 않지만, 전체 미학에 맞춰 날카로운 모서리일 가능성이 높습니다.
hero거대한 볼드 타이포그래피와 두드러진 호출-to-액션을 포함한 전체 높이의 다크 배경 섹션.
09
보이스와 금지 목록
톤직접적이고, 긴박하며, 프로모션적입니다.
헤드라인주의를 끌기 위해 거대하고 볼드하며, 대부분 대문자로 작성됩니다.
CTA고대비 버튼 위의 'PLAY NOW'나 'LOGIN' 같은 짧고 명령적인 문구.
둥근 모서리를 사용하지 마세요. 스크린샷에서는 모든 버튼과 카드에 날카로운 90도 모서리가 보입니다.
소프트하거나 무채색 팔레트를 사용하지 마세요. 스크린샷에서는 검정, 흰색, 일렉트릭 그린의 대담한 색상 체계가 보입니다.
장식적 그림자를 사용하지 마세요. 스크린샷에서는 깊이감이 없는 평면적 표면이 보입니다.
세리프 또는 휴머니스트 서체를 사용하지 마세요. 스크린샷에서는 볼드하고 현대적인 고트로크 산세리프 폰트가 보입니다.
복잡한 그라데이션 또는 오버레이를 사용하지 마세요. 스크린샷에서는 단색 블록과 고대비 텍스트가 보입니다.
장난스럽거나 유기적인 형태를 사용하지 마세요. 스크린샷에서는 엄격히 직사각형이고 선형적인 구도만 보입니다.
피하기: 미묘한 그라데이션
피하기: 소프트 그림자
피하기: 둥근 모서리
피하기: 무채색
피하기: 복잡한 아이콘그래픽
피하기: 장식적 요소
11
System Prompt
이것은 온라인 포키 플랫폼을 위한 프로모션 웹사이트입니다. 디자인은 검정 배경(#000000)과 생동감 있는 일렉트릭 그린 액센트(#00ff00)를 사용하는 냉엄하고 고대비의 다크 모드가 특징입니다. 타포그래피는 긴박감과 임팩트를 만들어내는 굵고 대문자의 고트로크 산세리프 폰트가 헤드라인을 지배합니다. 주요 요소는 둥근 모서리나 소프트 그림자 없이 날카롭고 직사각형입니다. 핵심 디자인 제약 조건: 1) 다크 배경과 밝은 액센트 사이의 극단적인 대비를 유지할 것. 2) 모든 UI 구성 요소에 날카롭고 둥글지 않은 기하학을 사용할 것. 3) 장식적 요소나 미묘한 그라데이션을 피하고 시각적 언어를 최소화하고 직접적으로 유지할 것.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
