Brand

Brand assets and guidelines

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

Download all assets

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

Use on white and light backgrounds

SVG PNG

Dark

All-dark version for light backgrounds

SVG PNG

White

Use on purple, dark, or colored backgrounds

SVG PNG

White on purple

Optimized for purple backgrounds

SVG PNG

Stacked logo

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

Stacked

Use on white and light backgrounds

SVG PNG

Stacked dark

All-dark version for light backgrounds

SVG PNG

Stacked white

Use on purple, dark, or colored backgrounds

SVG PNG

Wordmark

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

Wordmark dark

Use on white and light backgrounds

SVG PNG

Wordmark white

Use on purple, dark, or colored backgrounds

SVG PNG

Icon

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

Icon

Use on white and light backgrounds

SVG PNG

Icon white

Use on purple, dark, or colored backgrounds

SVG PNG

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 recolor 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.

Brand color palette

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

Purple

--purple

Primary brand color - nav, links and brand accents

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

HEX#A385F5

RGBrgb(163, 133, 245)

HSLhsl(256, 85%, 74%)

CMYKcmyk(33%, 46%, 0%, 4%)

Purple pale

--purple-pale

Icon backgrounds

HEX#EDE7FD

RGBrgb(237, 231, 253)

HSLhsl(258, 90%, 95%)

CMYKcmyk(6%, 9%, 0%, 1%)

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%)

Teal

--teal

Enterprise tier only

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%)

Charcoal

--charcoal

Footer, CTA banner, 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%)

Brand typeface

Zigaflow uses a single typeface. Plus Jakarta Sans is used for all UI and marketing copy, from display headlines to body text.

Plus Jakarta Sans

Weights used: 400 · 500 · 600 · 700

View on Google Fonts ↗

Heading 1700 · clamp(2.75rem, 5.5vw, 5rem) / 1.04 · -0.035em

Where business comes together

Heading 2700 · clamp(2rem, 3.4vw, 3.25rem) / 1.08 · -0.03em

One platform, every workflow

Heading 3700 · 1.2rem / 1.25 · -0.015em

Quote in minutes, not hours

Body400 · 1.125rem / 1.65

Zigaflow helps small and mid-sized businesses manage their entire order-to-cash workflow from one place.

Brand assets and guidelines

Logo files

Full logo - horizontal

Primary

Dark

White

White on purple

Stacked logo

Stacked

Stacked dark

Stacked white

Wordmark

Wordmark dark

Wordmark white

Icon

Icon

Icon white

Usage guidelines

Brand color palette

Purple

Purple dark

Purple light

Purple pale

Mint

Coral

Teal

Teal light

Charcoal

Body text

Cool grey

Light grey

Brand typeface

Plus Jakarta Sans

Need something specific?