기능적 상태 메시징 전용으로 시스템 UI 타이포그래피를 사용합니다. · 최소한의 인터페이스 요소를 위해 중앙 정렬 텍스트를 사용합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
중앙 정렬 UI 구성 요소에 의해 결정되는 수직 적층 리듬입니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 0px
표시되는 것 없음
06
레이아웃
1280container
12columns
24pxgutter
768 / 1024breakpoints
보안 인증 UI를 위한 단일 중앙 정렬 칼럼 레이아웃입니다.
07
모션과 인터랙션
220msmicro
400mssmall
800msmedium
lineareasing
로딩 상태를 위한 연속 회전 스피너 애니메이션
08
컴포넌트
hero스피너와 상태 텍스트가 포함된 단일 중앙 정렬 로딩 상태입니다.
09
보이스와 금지 목록
톤기술적
헤드라인직설적이고 꾸밈없는 시스템 메시징입니다.
CTA없음
여러 색상을 사용하지 마십시오 — 스크린샷은 검정, 흰색, 회색의 엄격한 단색을 보여줍니다.
장식적 테두리나 그림자를 추가하지 마십시오 — 스크린샷은 완전히 평평한 표면을 보여줍니다.
복잡한 타이포그래피 계층을 사용하지 마십시오 — 스크린샷은 단순하고 균일한 산세리프 텍스트를 보여줍니다.
불필요한 UI 요소를 포함하지 마십시오 — 스크린샷은 스피너와 단일 텍스트 줄만 보여줍니다.
긴 형식의 텍스트를 중앙 정렬하지 마십시오 — 스크린샷은 최소한의 시스템 UI에만 중앙 정렬 텍스트를 보여줍니다.
다양한 배경 색상을 사용하지 마십시오 — 스크린샷은 완전히 단색 흰색 배경을 보여줍니다.
피하기: 마케팅 언어
피하기: 장식적 요소
피하기: 브랜드 메시징
11
System Prompt
이 인터페이스는 미니멀한 보안 인증 화면입니다. 순수한 흰색(#FFFFFF) 배경과 순수한 검정색(#000000) 텍스트를 사용하는 엄격한 단색 팔레트를 사용하며, 기능적 메시징을 위해 표준 시스템 humanist-sans 타이포그래피를 활용합니다. 레이아웃은 복잡한 격자나 간격이 보이지 않는 단일 중앙 정렬 칼럼입니다. 중요한 제약 사항: 어떤 색채 색상이나 그라디언트도 도입하지 마십시오. 표면에 그림자나 테두리 반경을 추가하지 마십시오. 장식적 타이포그래피를 사용하지 마십시오. 디자인은 순수하게 기능적이고 제도적입니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
