getZela

Brand Guidelines v1.0

Colors

Steel Blue

#0974B0

--gd-copper

Primary action / links

Sage

#2A8A6A

--gd-sage

Positive / revenue

Gold

#C9A84C

--gd-gold

Calendar / highlights

Crimson

#9B3040

--gd-crimson

Errors / danger

Light mode surfaces

Sea Mist

#F0F4F8

--gd-bg

White

#FFFFFF

--gd-surface

Silver

#7A97B5

--gd-muted

Typography

Cormorant Garamond · 700 Italic · 40px — Display / Hero

Your Zoho stack, finally sailing.

Inter · 400 · 15px — Body

Zela connects your CRM, calendar, and inbox — then quietly handles follow-ups, summaries, and next steps before you think to ask. Stay present with clients; Zela handles the rest.

JetBrains Mono · 500 · 13px — Code / Data

const token = '--gd-copper: #0974B0'

Logo & Mark

SailMark — 32 / 48 / 64 / 96px

32px
48px
64px
96px

Wordmark — light background

getZela

Wordmark — dark background

getZela

Clearspace rule

Maintain minimum clearspace of 1× the mark height on all sides. Never place the SailMark on a patterned background or at sizes below 20px.

Components

Buttons

Input

Normal

Focused

Badges

Steel BlueSageGoldCrimson

Brand Assets

SVG

SailMark

SVG · Light

SailMark

SVG · Dark

getZela

Wordmark

SVG · Light

getZela

Wordmark

SVG · Dark

PNG — SailMark