Design System
A comprehensive style guide for the Assess quiz platform
Typography
H1 - Playfair Display
Understand yourself.
H2 - Playfair Display
Core Values Assessment
H3 - Playfair Display
Your Top Value
Body - Inter
Evidence-based assessments that reveal your core values, identify erosion patterns, and provide actionable scripts for maintaining healthy boundaries.
Small / Caption
5-7 minutes • 10 questions • Immediate results
Colors
Background
Foreground
Primary
Secondary
Muted
Accent
Card
Destructive
Buttons
Badges
Default
Secondary
Outline
Destructive
Premium
Form Inputs
Progress
Cards
Card Title
Card description text
Card content goes here. This is a basic card component.
Values
Premium
Core Values & Boundaries
Discover your core values and understand how you maintain personal boundaries.
5-7 minutes
Take quiz
Quiz Components
Likert Scale
Strongly disagreeStrongly agree
Strongly disagreeStrongly agree
Single Choice
Multi Choice
Slider Input
65/ 100
Not at all clearExtremely clear
Text Input
Results Components
Result Hero
Your Profile
The Principled Guardian
You have a strong internal compass and rarely compromise on your core values.
Assessment Confidence: 87%
Dimension Bars
Integrity82
Autonomy68
Connection45
Report Preview (Locked)
Your Erosion Zones
Discover the specific situations where your boundaries are most vulnerable...
Report Preview (Unlocked)
Your Strengths
- • Clear sense of right and wrong
- • Consistent behavior across contexts
- • Others know what to expect from you