Style Guide

Hawksview Estate
Style Guide

Color

Sea Salt white #ffffff

Marble lighter-gray #f6f4f0

Limestone light-gray #ebe7df

Sandstone medium-gray #dfdad0

Terracotta red #d76427

Dark Red dark-red #c15114

Basalt dark-gray #848484

Obsidian black #303030

Type

Mobile Nav

Messina Sans, Semibold
15pt, uppercase
letter-spacing: 1.5

Nav

Messina Sans, Regular
18pt, 57 leading, uppercase
letter-spacing: 1.8

Secondary Page Title

Nantes, Regular
45pt/45 leading 100pt/95 leading

The Estate

Homepage Intro

Nantes, Regular
28pt/40 leading 60pt/85 leading

Morbi tristique senectus et netus et malesuada fames. Aliquet lectus proin nibh nisl condimentum.

Secondary Page Intro

Nantes, Regular
18pt/27 leading 30pt/50 leading

Morbi tristique senectus et netus et malesuada fames. Aliquet lectus proin nibh nisl condimentum.

H1

Nantes, Regular
28pt/35 leading 60pt/70 leading

Morbi tristique senectus et netus et malesuada fames. Aliquet lectus proin nibh nisl condimentum.

H2

Nantes, Regular
23pt/30 leading 42pt/52 leading

Morbi tristique senectus et netus et malesuada fames. Aliquet lectus proin nibh nisl condimentum.

H3

Nantes, Regular
18pt/25 leading 30pt/40 leading

Morbi tristique senectus et netus et malesuada fames. Aliquet lectus proin nibh nisl condimentum.

Eyebrow

Messina Sans, Regular
12pt/16 leading
letter-spacing: 2
16pt, uppercase
letter-spacing: 3.2

Non diam phasellus vestibulum

P1

Messina Sans, Regular
16pt/25 leading 20pt/30 leading

Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscin elit. Maecenas sed diam eget risus varius blandit sit amet non magna.

Gallery Info

Messina Sans, Regular
11pt/14 leading 16pt/20 leading

Contact Error

Messina Sans, Book
12pt/16 leading 14pt/18 leading

Lorem ipsum, dolor sit amet.

Links

Sticky Tab

Nantes, Regular
16pt/18 leading 25pt/30 leading

Text CTA

Nantes, Regular
18pt/22 leading 30pt/34 leading

Button CTA

Nantes, Regular
16pt/18 leading 25pt/30 leading

Footer Button

Nantes, Regular
14pt/16 leading 16pt/20 leading

Inline Link

Body copy underlined

Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.

Gallery Filter

Nantes, Regular
16pt/18 leading 25pt/30 leading

Gallery Filter — Active

Nantes, Regular
16pt/18 leading 25pt/30 leading

Top
Check Availability
MTWTFSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Available
Booked
MTWTFSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
October 2020
MTWTFSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Available
Booked
Have questions or ready to book your trip?
Contact Our Hosts