www.catamaranresort.com
Digital Style Guide
Catamaran logo
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
Primary Catamaran logo
Logo for propery website only
Catamaran logo for web


Download Logo

Colors
Colors play a vital role in establishing a clear and powerful image and in defining the Catamaran Hotel brand.
Primary colors
Accent colors

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