Styleguide

Standards and guidelines of this template across pages.

Colors

Primary
#0064EB
Secondary
#40A6DB
Black
#000000
White
#FFFFFF

Typography

Font

Aa

Neue Montreal
Headings

Heading 1

Size 4rem
Height 1.25
Spacing -1.2px
Mb 0.6em

Heading 2

Size 2.75rem
Height 1.25
Spacing -1px
Mb 0.6em

Heading 3

Size 2.rem
Height 1.25
Spacing -1px
Mb 0.6em

Heading 4

Size 1.5rem
Height 1.25
Spacing -0.5px
Mb 0.6em
Heading 5
Size 1.25rem
Height 1.25
Spacing -0.5px
Mb 0.6em
Heading 6
Size 1rem
Height 1.25
Spacing 0px
Mb 0.6em
Paragraph
‍

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Link
Text Link
Ordered List
  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet
Ordered List
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
Blockquote
Lorem ipsum dolor sit amet

Buttons

Primary Regular
Lorem Ipsum
Primary Small
Lorem Ipsum
Secondary Regular
‍
Lorem Ipsum
Secondary Regular
‍
Lorem Ipsum

Bring every conversation from Slack to email into a powerful support workspace.

Relay
ProductPricingCustomersStartup Program
Resources
IntegrationsChangelogStyleguideLicenses
Company
AboutHelpBlogTerms & RisksPrivacy & Cookies
© 2025 Relay. Powered by Webflow.