Color Palette
Dark Color
#0e0601
Primary Color
#f47e3e
black-color
#5c5c5c
white-color
#ffffff
STYLE GUIDE
Style Guide for Roofaro Template
The visual foundation and design system of this template.
Typography
Heading 1
Switzer• Medium • 72px • 1.3 Line Height
Heading 2
Switzer• Medium • 48px • 1.3 Line Height
Heading 3
Switzer• Medium • 40px • 1.3 Line Height
Heading 4
Switzer• Medium • 32px • 1.3 Line Height
Heading 5
Switzer • Medium • 24px • 1.3 Line Height
Heading 6
Switzer • Medium • 20px • 1.3 Line Height
Paragraph Large: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.
Manrope • Regular • 28px • 1.5 Line Height
Paragraph Regular: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.
Manrope • Regular • 16px • 1.5 Line Height
Paragraph Small: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.
Manrope • Regular • 14px • 1.5 Line Height
Paragraph Xsmall: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.
Manrope • Regular • 12px • 1.5 Line Height
Interactive Elements
Icon
REQUEST AN INSPECTION
Your Roof Won’t Wait for the Next Storm.
PeakShield safeguards your property with dependable repairs, quality replacements, and detailed storm inspections.
