Brand

Brand Assets &
Guidelines

Official Zigaflow brand assets for press, partners, and agencies. Please follow these guidelines when representing Zigaflow in any media.

↓ Download All Assets
Logos

Logo files

Always use the approved logo files provided below. Do not recreate or alter the logo in any way.

Full Logo - Horizontal

The primary Zigaflow logo with icon and wordmark side by side. Use this version wherever space allows.

Primary

Primary

Use on white and light backgrounds

Dark

Dark

All-dark version for light backgrounds

White

White

Use on purple, dark, or coloured backgrounds

White on Purple

White on Purple

Optimised for purple backgrounds

Stacked Logo

Icon above wordmark. Use when horizontal space is limited, such as square formats and social profiles.

Stacked

Stacked

Use on white and light backgrounds

Stacked Dark

Stacked Dark

All-dark version for light backgrounds

Stacked White

Stacked White

Use on purple, dark, or coloured backgrounds

Wordmark

The Zigaflow name without the icon. Use only when the icon has already been established in context.

Wordmark Dark

Wordmark Dark

Use on white and light backgrounds

Wordmark White

Wordmark White

Use on purple, dark, or coloured backgrounds

Icon

The Zigaflow Z icon on its own. Use as a favicon, app icon, or where space is very limited.

Icon

Icon

Use on white and light backgrounds

Icon White

Icon White

Use on purple, dark, or coloured backgrounds

Logo Usage

Usage guidelines

These rules ensure the Zigaflow logo is always presented correctly and consistently.

✓
Always maintain clear space
Keep a minimum clear space equal to the height of the Z icon around all sides of the logo.
✓
Use the correct version for each background
Primary logo on white or light backgrounds. White logo on purple, dark, or coloured backgrounds.
✕
Never recolour the logo
Do not change any of the logo colours. Use only the approved versions provided.
✕
Never stretch or distort
Always scale proportionally. Never change the aspect ratio of the logo or wordmark.
✕
Never add effects
Do not add drop shadows, outlines, gradients, or any other effects to the logo.
✕
Never place on busy backgrounds
Do not place the logo over photographs or patterned backgrounds without a clear backing.
Colours

Brand colour palette

The Zigaflow colour palette is built around vibrant purple as the primary brand colour, with mint as the primary CTA accent. Coral is reserved for alerts and errors only - never use it for CTAs or highlights.

Primary

Purple

--purple

Primary brand colour - nav, hero backgrounds, CTAs

HEX#6432DA
RGBrgb(100, 50, 218)
HSLhsl(258, 69%, 53%)
CMYKcmyk(54%, 77%, 0%, 15%)

Purple Dark

--purple-dark

Hover state on purple buttons

HEX#4A20B8
RGBrgb(74, 32, 184)
HSLhsl(258, 70%, 42%)
CMYKcmyk(60%, 83%, 0%, 28%)

Purple Light

--purple-lt

Text on dark backgrounds, labels

HEX#A385F5
RGBrgb(163, 133, 245)
HSLhsl(256, 85%, 74%)
CMYKcmyk(33%, 46%, 0%, 4%)

Purple Pale

--purple-pale

Icon backgrounds, card hover states

HEX#EDE7FD
RGBrgb(237, 231, 253)
HSLhsl(258, 90%, 95%)
CMYKcmyk(6%, 9%, 0%, 1%)

Accent

Mint

--mint

Primary CTA - all backgrounds. Never use coral for CTAs.

HEX#4EE6A9
RGBrgb(78, 230, 169)
HSLhsl(156, 75%, 60%)
CMYKcmyk(66%, 0%, 27%, 10%)

Coral

--coral

Alerts, errors, and overdue states only - never CTAs

HEX#FF5E5B
RGBrgb(255, 94, 91)
HSLhsl(1, 100%, 68%)
CMYKcmyk(0%, 63%, 64%, 0%)

Secondary

Teal

--teal

Enterprise tier, dark accents

HEX#175E6B
RGBrgb(23, 94, 107)
HSLhsl(189, 65%, 25%)
CMYKcmyk(79%, 12%, 0%, 58%)

Teal Light

--teal-lt

Teal icon backgrounds

HEX#D0EDF1
RGBrgb(208, 237, 241)
HSLhsl(189, 55%, 88%)
CMYKcmyk(14%, 2%, 0%, 5%)

Neutral

Charcoal

--charcoal

Footer, CTA banners, body text headings

HEX#1E1E2E
RGBrgb(30, 30, 46)
HSLhsl(244, 22%, 15%)
CMYKcmyk(35%, 32%, 0%, 88%)

Body Text

--body-text

All body copy and paragraph text

HEX#3D3D52
RGBrgb(61, 61, 82)
HSLhsl(240, 15%, 28%)
CMYKcmyk(26%, 26%, 0%, 68%)

Cool Grey

--grey-cool

Secondary text, captions, column headers

HEX#6D6E71
RGBrgb(109, 110, 113)
HSLhsl(225, 2%, 44%)
CMYKcmyk(4%, 3%, 0%, 56%)

Light Grey

--grey-lt

Section backgrounds, alternating rows

HEX#F5F5F5
RGBrgb(245, 245, 245)
HSLhsl(0, 0%, 96%)
CMYKcmyk(0%, 0%, 0%, 4%)
Typography

Brand typefaces

Zigaflow uses two typefaces. Plus Jakarta Sans is the primary typeface for all UI and marketing copy. Instrument Serif italic is used sparingly for key headline phrases only.

Primary typeface

Plus Jakarta Sans

Weights used: 400 · 500 · 600 · 700 · 800

View on Google Fonts ↗
Heading 1
Where Business Comes Together.
Heading 2
One platform, every workflow
Heading 3
Quote in minutes, not hours
Body
Zigaflow helps small and mid-sized businesses manage their entire order-to-cash workflow from one place.
Label
Platform Features
Accent typeface

Instrument Serif

Italic only · Used inside headlines for key phrases only

View on Google Fonts ↗

ON WHITE BACKGROUND

Where Business Comes Together.

ON PURPLE BACKGROUND

Everything connected. Nothing bolted on.
Questions

Need something specific?

If you need additional file formats, sizes, or have questions about brand usage, get in touch with our team.

Contact Us