missing hotel

Design Language

Colors

Primaries
Neutrals/Grays
Secondaries

Piper Gold

#ffc658

Maru Blue

#1f2233

Slate Blue

#6e7ca0

White

#fafaf8

Pampas

#ebe6e1

Charcoal

#70747c

Paradiso

#5cb8b2

Cosmic

#512a44

Terracotta

#e56a54

Light Slate

#8B96B3

Light Charcoal

#8D9096

Type

Typographic styling for headings, body and other text elements

H0

Jumbo

P22 Underground 600 - 12 vw - Line height: 110%

H1

Heading 1

P22 Underground 600 - 8 vw- Line height: 110%

H2

Heading 2

P22 Underground 600 - 6 vw - Line height: 110%

H3

Heading 3

P22 Underground 500 - 5 vw - Line height: 110%

H4

Heading 4

P22 Underground 500 - 4.5 vw - Line height: 110%

H5

Heading 5

P22 Underground 500 - 3.2 vw - Line height: 120%

H6

Heading 6

P22 Underground 600 - 2 vw - Line height: 120%

Feature
Paragraph

Feature Paragraph Text

P22 Underground 300 - 2.2 vw - Line height: 140%

Paragraph

Paragraph Text

P22 Underground 400 - 1.4 vw - Line height: 160%

Body Text Styles

Small Text - 1.1 vw - Line Height: 140%

subtitle - 1.7 vw - line height 140%

Logos

Usage Examples

Preferred

Dark backgrounds: White and Piper Gold text

Light backgrounds: Maru Blue text

Variations

Small Display

Icons

SVGs

PNGs

Buttons

Styles for primary and secondary buttons and links

Different Button Variations

secondary button

Rounded Button Variations

Buttons

Styles for primary and secondary buttons and links

Different Button Variations

Rounded Button Variations