Style Guide - Inter Tigh
Typography
Headings
Heading / H1
Heading 1 - 60px - 1.4
Heading / H2
Heading 2 - 48px - 1.2
Heading / H3
Heading 3 -32px - 1.4
Heading / H4
Heading 4 - 22px - 1.4
Heading / H5
Heading 5 - 20px - 1.4
Body
Heading 6 - 18px - 1.4
Text / Paragraphs
Font Size / XL - Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Font Size / XL - Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Font Size / L - Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Font Size / L - Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Font Size / M - Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Font Size / M - Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Font Size / S - Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Font Size / S - Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Font Size / XS - Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Font Size / XS - Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Text / Button
Font Size / Regular
Button
Colours
Base
White
#FFFFFF
Blue
#287AB5
Text
Primary- White
#FFFFFF
Primary- Black
#100C00
Secondary Grey - light
#ADACB0
Secondary Grey - dark
#717073
Spacing & Sizing
Spacing scale
• 4px
• 8px
• 16px
• 24px
• 32px
• 40px
• 48px
• 56px
• 64px
• 72px
• 80px
• 120px
• 160px
UI component
Buttons
Primary / Default
Small/ Primary / Default
Button
Primary / Inverse
Small/ Secondary / Inverse
Button