큐레이션 · 오픈 · 무료

Grandleisure

웹 애플리케이션을 위한 미니멀한 시스템 수준 인증 대화 상자입니다.

01

디자인 DNA

표준 브라우저 또는 OS 네이티브 인증 모달입니다.

02

컬러

강조색 사용을 최소화한 고대비 시스템 네이티브 색상 팔레트입니다.

03

타이포그래피

system-sans · system-mono

• display20px · 500
• body14px · 400
• caption12px · 400

04

여백

일관된 4px 기본 격자

05

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

1px solid rgba(0, 0, 0, 0.1)

None: 0 4px 16px rgba(0,0,0,0.12)

06

레이아웃

고정 너비의 중앙 정렬 모달 대화 상자

07

모션과 인터랙션

없음

표준 시스템 커서 변경 · 버튼 누름 상태

08

컴포넌트

• button 블루 프라이머리 채우고 레이아웃이 적용된 시스템 네이티브 버튼
• card 미세한 그림자가 적용된 모달 대화 상자 컨테이너
• input 회색 테두리와 블루 focus ring이 적용된 표준 텍스트 입력

09

보이스와 금지 목록

• 톤 중립적, 실용적, 시스템 생성
• 헤드라인 직접적이고 기능적
• CTA 명확한 동사

• 장식적 이미지를 사용하지 마세요 — 스크린샷은 순수하게 기능적인 대화 상자를 보여줍니다
• 둥근 모서리를 적용하지 마세요 — 스크린샷은 날카로운 직사각형 모서리를 보여줍니다
• 복잡한 그래디언트를 사용하지 마세요 — 스크린샷은 평면적이고 단색을 보여줍니다
• 정교한 애니메이션을 구현하지 마세요 — 스크린샷은 정적 시스템 UI를 보여줍니다
• 커스텀 폰트를 사용하지 마세요 — 스크린샷은 시스템 수준 타이포그래피를 사용합니다
• 불필요한 레이아웃 요소를 추가하지 마세요 — 스크린샷은 미니멀하고 집중된 모달을 보여줍니다
• 피하기: 마케팅 언어
• 피하기: 표현적인 타이포그래피
• 피하기: 장식적 요소

11

System Prompt

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