Design System Review
Brand Consistency Review
One screen to review how the SRCC brand guide — color, type, components, pages — is applied across GIFT LINK.
01 · Color Tokens
Deep Sea
#002f37
Ink / footer / primary
Lagoon
#005865
Surface accent / outline
True Red
#c02033
CTA only (≤5% area)
Canary
#ffcc4e
Focal highlight only
Pastel Turquoise
#9bc3bd
Soft tint
Vanilla
#f5edde
Warm background
02 · Typography
display-2xlGIFT LINK
display-lgServe where you're gifted
h2Ministry matches
eyebrowAssessment
bodyTwelve questions, one clear picture of your gifts.
captionUpdated Aug 2026 · SRCC
EN displayfallback
Termina Black → Archivo Black
Adobe Fonts kit required for Termina
EN bodylive
Geologica 200–900
Google Fonts
KO displaylive
A2Z Gothic (에이투지체) Black
Self-hosted woff2
KO bodylive
Pretendard Variable
jsDelivr CDN
KO display · A2Z Gothic
남가주사랑의교회
은사를 발견하고, 사역으로 연결되는 여정 — Pretendard Variable 본문.
03 · Components
chipfocal badge
04 · Page Checklist
/
- Hero fluid type cap
- True Red CTA ≤5%
- Scroll reveal
- SEO + OG
/assessment
- One-screen question
- Strongly agree first
- Auto-advance
- Mobile 360px safe
/results
- 12-axis radar
- Balance widget
- No x-scroll
- Match list
/ministries
- Card grid
- Gift chip filter
- Lockup typography
/roadmap
- Stage timeline
- Wrapping labels
/admin
- Desktop-first table
- Card fallback on mobile
