www.catamaranresort.com
Digital Style Guide
Brand assets are the creative tools, visual elements and written words that enhance our image and bring the Catamaran brand to life. They include our logo, type fonts, color, voice, and visual style.
Typography
When used effectively, the right font commands attention, elicits emotions, and above all, creates a voice. It’s why typography is such an essential component of our brand’s visual identity.
FONT FAMILY FOR HEADLINES AND TITLES
Merriweather
Download Merriweather
FONT FAMILY FOR BODY COPY
Open Sans
Download Open Sans
Headings
The Catamaran site defines 3 levels of headings. A heading element implies all the font changes, paragraph breaks before and after, and any white space necessary to render the heading.
H1
Merriweather Font size 2.5em
H2
Font size 1.7em #144c8b
H2
Footer Font size 1.2em, Weight 600 #b0b340
H3
Font size 1.5em
P
Font size 1.2em
Logo
Our signature is one of our most visible and valuable assets. Always position the logo for maximum impact and give it plenty of room to breathe. This will help to ensure our logo’s visibility and legibility.
Primary logo
Logo for propery website only
Colors
Colors play a vital role in establishing a clear and powerful image and in defining the Catamaran Hotel brand.
Primary colors
-
NAVYHEX# 144c8b
-
LIMEHEX# b0b340
-
DENIMHEX# 171f33
Accent colors
-
ORANGEHEX# f99e1b
-
CYANHEX# e1eef5
-
GREYHEX# f1f1f1
-
BLACKHEX# 222222
Black Opacity at 0.8 Alfa in RGB
Buttons and CTAs
Strong CTAs are essential part of a conversion path and the lead generation process. They guide your users showing them what they can or should do next. They provide direction and help your visitor take the next steps.
PRIMARY CALL TO ACTION
BOOK NOW
HEX# b0b340, 2px border radious
SECONDARY CALL TO ACTION
LEARN MORE
HEX# ffffff, 2px border radious, 1px border #b0b340
Images
Users pay close attention to photos and other images that contain relevant information but ignore fluffy pictures used to jazz up web pages. A photo’s subject can guide the user’s eye fixations on the web page.
HOME PAGE
Hero Image1400 x 950
Vertical Image456 x 617
Offer Image530 x 370
Testimonial1361 x 636
Occasions549 x 410
SECONDARY PAGE
Two Columns650 x 510
Room Gallery650 x 510
Upsell Image530 x 370
Feature Image1366 x 910