Colors
Primary Color (Header, Footer, Primary Buttons, Links):
Hex: '#2C3E50'
Secondary Color (Secondary Buttons, Highlights, Icons):
Hex: '#18BC9C'
Body Background:
Hex: '#ECF0F1'
Fonts
Primary Font
Font Family: Roboto, sans-serif
Usage: Headings, Subheadings, and Navigation
Secondary Font
Font Family: 'Open Sans', sans-serif
Usage: Body text, Paragraphs, and Captions
Text Styles
Headings
H1:
- Font-size: 36px
- Font-weight: 700 (Bold)
- Color: '#2C3E50'
- Line Height: 1.4
- Usage: Main page titles, section headings
H2:
- Font Size: 30px
- Font Weight: 600 (Semi-Bold)
- Color: '#2C3E50'
- Line Height: 1.4
- Usage: Subsection titles, major headings within sections
H3:
- Font Size: 24px
- Font Weight: 500 (Medium)
- Color: '#2C3E50'
- Line Height: 1.4
- Usage: Smaller headings, tertiary titles
Paragraphs:
- Font Size: 16px
- Font Weight: 400 (Regular)
- Color: '#7F8C8D'
- Line Height: 1.6
- Usage: Main content, descriptive text, bio, and articles