Design Guide
Hotel Classic
Color palette
- Primary #F25F5C
- Accent #50514F
- Dark #1B1B1B
- Shadow #323232
- Midtone #8D8D8D
- Highlight #e8e8e8
- Light #FFFFFF
Font hierarchy
Paragraph: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
- Color: (Shadow)
- Font-Family: Open Sans
- Font-size: 16px
- Weight: Normal
- Line-height: 1.65em
Link: Link within a paragraph.
- Color: (Accent)
Heading 1
– Color: (Primary)
– Font-Family: Spinnaker
– Font-size: 52px, 39px, 28px
– Weight: Normal
– Line-height: 1.65em
Heading 2
– Color: (Primary)
– Font-Family: Spinnaker
– Font-size: 40px, 33px, 25px
– Weight: Normal
– Line-height: 1.65em
Heading 3
– Color: (Primary)
– Font-Family: Spinnaker
– Font-size: 32px, 28px, 22px
– Weight: Normal
– Line-height: 1.65em
Heading 4
– Color: (Primary)
– Font-Family: Spinnaker
– Font-size: 25px, 23px, 20px
– Weight: Normal
– Line-height: 1.65em
Heading 5
– Color: (Primary)
– Font-Family: Spinnaker
– Font-size: 20px, 19px, 18px
– Weight: Normal
– Line-height: 1.65em
Heading 6
– Color: (Primary)
– Font-Family: Spinnaker
– Font-size: 12px, 12px, 13px
– Weight: Normal
– Line-height: 1.65em