PropStars platform Design System
A contemporary and polished design system featuring modern typography, sophisticated colors, and seamless interactions.
Typography Scale
Modern font families with perfect hierarchy
Font Families
Inter - Body text and UI elements
Poppins - Headlines and emphasis
JetBrains Mono - Code and data
Text Sizes
Extra Small - 12px
Small - 14px
Base - 16px
Large - 18px
Extra Large - 20px
2XL - 24px
3XL - 30px
Heading Hierarchy
Heading 1 - Main page titles
Heading 2 - Section titles
Heading 3 - Subsection titles
Heading 4 - Component titles
Heading 5 - Small headings
Heading 6 - Micro headings
Color System
Sophisticated color palette with semantic meaning
brand Colors
50
100
200
300
400
500
600
700
800
900
accent Colors
50
100
200
300
400
500
600
700
800
900
success Colors
50
100
200
300
400
500
600
700
800
900
warning Colors
50
100
200
300
400
500
600
700
800
900
error Colors
50
100
200
300
400
500
600
700
800
900
Interactive Elements
Modern buttons with smooth animations and hover effects
Button Variants
Button Sizes
Status Indicators
Clear visual communication with semantic colors
Status Badges
Sports Team Colors
Layout Components
Flexible and responsive layout building blocks
Standard Card
Regular card with standard styling
Glass Card
Glass morphism effect with backdrop blur
Gradient Text
Card with gradient text effects
Animations & Transitions
Smooth and delightful micro-interactions
Hover over buttons and cards to see smooth transitions and scale effects
Modern design system built for PropStars platform platform
Contemporary • Polished • Accessible • Performance-focused