모든 텍스트에 시스템 폰트 스택 사용 · 오류 코드는 모노스폰트로 표시 · 본문 텍스트는 표준 시스템 산세리프 사용
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
텍스트 요소 간의 표준 수직 간격입니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 0px
보이지 않음
06
레이아웃
1280container
1columns
24pxgutter
768 / 1024breakpoints
왼쪽 정렬 콘텐츠가 있는 표준 브라우저 오류 페이지 레이아웃입니다.
07
모션과 인터랙션
0msmicro
0mssmall
0msmedium
lineareasing
애니메이션이나 전환 효과가 보이지 않음
없음 · 없음
08
컴포넌트
button없음
card없음
chip없음
input없음
hero없음
09
보이스와 금지 목록
톤기술적
헤드라인직접적인 오류 진술
CTA없음
오류 페이지에 커스텀 브랜딩을 추가하지 마세요 — 스크린샷은 시스템 기본 스타일을 보여줍니다.
장식용 색상을 사용하지 마세요 — 스크린샷은 흰색 배경에 검은색 텍스트를 보여줍니다.
커스텀 아이콘을 추가하지 마세요 — 스크린샷은 표준 브라우저 오류 아이콘을 보여줍니다.
내비게이션 또는 푸터 요소를 포함하지 마세요 — 스크린샷은 최소한의 오류 콘텐츠를 보여줍니다.
커스텀 타이포그래피를 사용하지 마세요 — 스크린샷은 시스템 폰트를 사용합니다.
그림자 또는 테두리를 추가하지 마세요 — 스크린샷은 테두리 없는 플랫 레이아웃을 보여줍니다.
피하기: 마케팅 언어
피하기: 브랜드 페르소나
피하기: 시각적 복잡성
11
System Prompt
이것은 Wonder.me 웹사이트를 사용할 수 없음을 나타내는 표준 브라우저 오류 페이지입니다. 흰색 배경에 검은색 텍스트, 시스템 산세리프 폰트, 표준 오류 아이콘을 사용하는 완전히 기본적인 브라우저 스타일을 사용합니다. 페이지는 최소한의 콘텐츠를 포함합니다: 오류 제목, 설명 텍스트, 기술적 오류 코드. 브랜드 색상, 커스텀 구성 요소, 또는 Wonder.me 플랫폼에 특화된 디자인 요소는 없습니다. 핵심 제약 조건: 커스텀 스타일 없음, 브랜드 색상 없음, 커스텀 폰트 없음, 장식 요소 없음, 내비게이션 없음, 상호작용 구성 요소 없음.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
