Style Guide
Typography
Font Families
Lexend Deca
Primary typeface for headings and brand elements. Characterized by its geometric clarity and modern serif-adjacent look.
Red Hat Display
Secondary typeface for body text and UI elements. Optimized for readability and consistent rhythm across layouts.
Font Weights
Heading 1
Font: Lexend Deca, 2.25rem → 3rem → 3.75rem (responsive)
Heading 2
Font: Lexend Deca, 1.875rem → 2.25rem → 3rem (responsive)
Heading 3
Font: Lexend Deca, 1.5rem → 1.875rem (responsive)
Heading 4
Heading 4
Font: Lexend Deca, 1.25rem → 1.5rem (responsive)
Heading 5
Font: Lexend Deca, 1.125rem → 1.25rem (responsive)
Heading 6
Font: Lexend Deca, 1rem → 1.125rem (responsive)
Body Large — This is paragraph text at a larger size for emphasis or introductory content.
Font: Red Hat Display, 1.125rem
Body Regular — This is standard paragraph text used throughout the site for comfortable reading.
Font: Red Hat Display, 1.125rem
Body Small — Used for captions, metadata, and supplementary information.
Font: Red Hat Display, 0.875rem
Color Palette
Values pulled dynamically from CSS variablesBackground
HSL: Loading...HEX: Foreground
HSL: Loading...HEX: Primary
HSL: Loading...HEX: Secondary
HSL: Loading...HEX: Accent
HSL: Loading...HEX: Muted
HSL: Loading...HEX: Card
HSL: Loading...HEX: Destructive
HSL: Loading...HEX: Buttons
Category Tags
Border Radius
Small
4px (radius - 4px)
Medium
6px (radius - 2px)
Large
8px (Base Radius)
Extra Large
16px (2 * radius)
Current Base Radius:
Global Effects
Standard Shadows
Interactive Delays
SEO & Brand Assets
Meta Information
EComForSale | Turnkey E-com BrandsPremium turnkey e-commerce brands for purchase or investor operator with expert support.https://ecomforsale.comG-XXXXXXXXXXSocial Media (OG / X)
/og-image.pngsummary_large_imagewebsiteBrand Visuals
Standard Aspect Ratio: 18:5 (Recommended)
/favicon.webp/apple-touch-icon.png