큐레이션 · 오픈 · 무료

Getstark

제품 수명 주기 전반에 걸쳐 디지털 접근성 규정 준수를 자동화하는 엔터프라이즈 SaaS 플랫폼입니다.

01

디자인 DNA

배경에서 조용히 작동하는 산업 등급의 접근성 엔진.

02

컬러

고대비의 보라색과 노란색은 에너지와 기술적 정밀성을 상징합니다.

03

타이포그래피

grotesque-sans · monospace

• display56px · 900
• body16px · 400
• caption14px · 400

대형 디스플레이용에는 시각적 응집력을 유지하기 위해 타이트한 트래킹을 사용합니다. · 제한된 배경 위에서 계층을 만들기 위해 극단적인 폰트 웨이트를 활용합니다.

04

여백

일관된 정렬을 위해 4와 8의 배수를 사용합니다.

05

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

다크 블루 또는 프라이머리 보라색 악센트가 들어간 2px 얇은 테두리.

0 4px 12px rgba(0, 0, 0, 0.1)

06

레이아웃

왼쪽 정렬 데이터 포인트와 부유하는 오른쪽 정렬 상태 표시기의 중앙 정렬 컬럼형 히어로.

07

모션과 인터랙션

부드럽고 반응적인 느낌을 위한 인터랙티브 요소의 불투명도 및 색상 전환.

버튼과 링크의 미세한 색상 변화. · 과도한 바운스나 스케일 없음; 시각적 상태 변화에 의존.

08

컴포넌트

• button 약간의 둥근 모서리가 있는 고대비 솔리드 블록.
• card 인터페이스 목업을 위한 미세한 테두리가 있는 부유하는 흰색 컨테이너.
• chip 배경색과 아이콘 표시기를 사용하는 상태 레이블.
• input 얇은 테두리가 있는 단순한 직사각형 필드.
• hero 깊은 보라색 배경을 사용하여 텍스트와 노란색 악센트가 돋보이게 하는 대담한 타이포그래피 기반 섹션.

09

보이스와 금지 목록

• 톤 권위적이고 기술적이며 안심시키는.
• 헤드라인 자동화를 강조하는 직접적이고 혜택 지향적인 문장.
• CTA '무료로 가입하기' 또는 '시작하기'와 같은 명확하고 행동 지향적인 구절.

• 뮤트된 또는 파스텔 팔레트를 사용하지 않습니다 — 스크린샷은 깊고 포화된 보라색(#381FD1)을 주요 히어로 배경으로 보여줍니다.
• 헤드라인에 얇은 폰트 웨이트를 사용하지 않습니다 — 스크린샷은 메인 디스플레이 타입에 극도로 굵은 900 웨이트를 보여줍니다.
• 헤드라인에 와이드 트래킹을 사용하지 않습니다 — 스크린샷은 밀집되고 임팩트 있는 외관을 위해 네거티브 자간(-0.56px)을 보여줍니다.
• 멀티 컬러 악센트 시스템을 사용하지 않습니다 — 스크린샷은 단일 고크로마 노란색(#FEDB63)을 주요 악센트로 보여줍니다.
• 모든 요소에 0px의 날카로운 border-radius를 사용하지 않습니다 — 스크린샷은 둥근 버튼과 카드, 일부 알약 모양 칩을 보여줍니다.
• 아이콘 중심 내비게이션에 의존하지 않습니다 — 스크린샷은 간단한 드롭다운 화살표가 있는 텍스트 중심 상위 레벨 내비게이션을 보여줍니다.
• 피하기: 모호한 언어를 피하고 규정 준수에 대해 직접적으로 서술합니다.
• 피하기: 지나치게 캐주얼한 속어를 피하고 전문적인 엔터프라이즈 톤을 유지합니다.
• 피하기: 접근성과 직접적으로 관련되지 않은 복잡한 전문 용어를 피합니다.

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

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