Marriott

Style Kit

Background Colour Palette
Primary
Primary
.
Secondary
Secondary
.
Tertiary
Tertiary
.
Tertiary Offset
Tertiary Offset
.
Text Colour Palette
Primary
Primary
.
Secondary
Secondary
.
Tertiary
Tertiary
.
Grey Colour Palette
Light Grey
Light Grey
.
Standard Grey
Standard Grey
.
Dark Grey
Dark Grey
.
Typography
Font Family
Font Family
Poppins Regular
 
 
Poppins Semi-Bold
Typography styles
Poppins Regular
Poppins Regular Line height:
Poppins Regular
Poppins Regular Line height:
Poppins Regular
Poppins Regular Line height:
Typography line heights

Heading 1

Heading 2

Paragraph

Hyperlink

Typography examples inc. spacing

H1 Lorem ipsum dolor sit amet.

H2 Lorem ipsum dolor sit amet.

Paragraph Lorem ipsum dolor sit amet. Aliquam at porttitor sem. Aliquam erat volutpat. Donec placerat nisl magna, et faucibus arcu condimentum sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem.

Typography examples for homepage

H1 Lorem ipsum dolor sit amet.

H2 Lorem ipsum dolor sit amet.

Paragraph Lorem ipsum dolor sit amet. Aliquam at porttitor sem. Aliquam erat volutpat. Donec placerat nisl magna, et faucibus arcu condimentum sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem.

Iconography
V10 line icon set
Form Elements
Check Boxes
Check Box Construction
Radio Inputs
Radio Construction
Input Fields
Input Construction
Select Fields
Select Construction
Concertinas (Toggle Module)
Toggle Module

Basic Toggle

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Toggle Module Construction

Toggle Construction

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tab System
LeftRight
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Tab Content
Tab Content
Data Tables
On Grey Background
Table HeadingTable HeadingTable HeadingTable Heading
Lorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsumLorem ipsum
On White Background
Table HeadingTable HeadingTable HeadingTable Heading
Lorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsumLorem ipsum
Sliders
Standard Sliders
Slider Title
Value
Slider Construction
Slider Title
Value
Elements
Standard Modal
Small Modal
Jump Themes
Basic Theme
Simple Theme
Standard Theme