Skip to content

Brand & assets

The Rythzen logo,
ready to use.

Every official logo, mark, app icon and colour — in SVG, PNG and WebP. Download a file or copy its direct link. If you are placing the Rythzen brand on a site, deck, banner or sponsorship material, take it from here.

Company name

Rythzen

Written “Rythzen” in prose; the logo sets it as RYTHZEN.

Tagline

Technology in Perfect Rhythm.

Keep the full stop. Never reword it.

Primary colour

#12cffd

Brand Cyan — the one colour to get right.

Files here

31 variants

Each in SVG, PNG and WebP.

Downloads

Logos, marks and icons

Pick the variant that suits your background, then take the format you need. Copy a direct link to hotlink it, or download the file.

Show links as
Vector — scales to any size. Use this wherever you can.

Logo lockup

Mark plus wordmark. This is the default Rythzen logo — use it wherever there is room for it.

Logo — inherits text colour

logo

On light

Logo — inherits text colour

Single-colour. Colour it with CSS.

Logo — all cyan

logo-cyan

On dark

Logo — all cyan

Logo — for dark backgrounds

logo-dark

On dark

Logo — for dark backgrounds

The default lockup.

Logo — brand gradient

logo-gradient

On dark

Logo — brand gradient

Logo — all ink (one colour)

logo-ink

On light

Logo — all ink (one colour)

Logo — for light backgrounds

logo-light

On light

Logo — for light backgrounds

The default lockup.

Logo — all white (one colour)

logo-white

On dark

Logo — all white (one colour)

Full lockup with tagline

Adds the strapline. Only where it will render at 320 px wide or more.

Full lockup with tagline — dark backgrounds

logo-full-dark

On dark

Full lockup with tagline — dark backgrounds

Minimum width 320 px, or the tagline stops being legible.

Full lockup — all ink (one colour)

logo-full-ink

On light

Full lockup — all ink (one colour)

Full lockup with tagline — light backgrounds

logo-full-light

On light

Full lockup with tagline — light backgrounds

Minimum width 320 px, or the tagline stops being legible.

Full lockup — all white (one colour)

logo-full-white

On dark

Full lockup — all white (one colour)

Wordmark

The RYTHZEN letterforms on their own, for when the mark already appears nearby.

Wordmark — inherits text colour

wordmark

On light

Wordmark — inherits text colour

Wordmark — white with cyan bar (dark backgrounds)

wordmark-accent-dark

On dark

Wordmark — white with cyan bar (dark backgrounds)

Wordmark — ink with cyan bar (light backgrounds)

wordmark-accent-light

On light

Wordmark — ink with cyan bar (light backgrounds)

Alternate wordmark — inherits text colour

wordmark-alt

On light

Alternate wordmark — inherits text colour

Wider, heavier cut. Use where the lockup must read at a distance.

Alternate wordmark — white with cyan bar

wordmark-alt-dark

On dark

Alternate wordmark — white with cyan bar

Alternate wordmark — ink with cyan bar

wordmark-alt-light

On light

Alternate wordmark — ink with cyan bar

Wordmark — ink

wordmark-ink

On light

Wordmark — ink

Wordmark — white

wordmark-white

On dark

Wordmark — white

Mark

The RZ monogram alone — avatars, favicons, watermarks, tight spaces.

Mark — inherits text colour

mark

On light

Mark — inherits text colour

Uses currentColor. Ideal for inline SVG.

Mark — brand gradient

mark-gradient

On dark

Mark — brand gradient

Mark — white

mark-white

On dark

Mark — white

App icon

The mark inside its container. Favicons, app icons, avatars.

App icon — gradient tile

icon

On dark

App icon — gradient tile

Favicon and app-icon source.

App icon — circular

icon-circle

On dark

App icon — circular

Social avatars.

App icon — ink circular

icon-ink-circle

On dark

App icon — ink circular

App icon — PWA maskable

icon-maskable

On dark

App icon — PWA maskable

Mark sits inside the 80% safe zone.

Colour

The Rythzen palette

Brand Cyan is the one that carries the identity. The navies are surfaces; the blues are for gradients and links.

Brand Cyan

The primary brand colour.

--rz-cyan

Aqua

Gradient start, highlights.

--rz-aqua

Brand Blue

Gradient end, links.

--rz-blue

Ink

The logo on light surfaces.

--rz-ink

Deep Navy

Page background on dark surfaces.

--rz-deep

Panel

Raised surfaces.

--rz-panel

Muted

Body text on dark.

--rz-muted

Brand gradient

Using the brand

Four rules, and you are fine

These exist so the mark stays recognisable wherever it turns up — not to make your life harder.

Use the supplied files

Always render the logo from these files. Never re-type RYTHZEN in another typeface, redraw the mark, or rebuild the lockup from parts.

Give it room

Keep clear space around the lockup equal to about a quarter of its height. Nothing — text, rules, other logos — comes inside that.

Keep it legible

The lockup stops working below 120 px wide; use the mark on its own instead. The version with the tagline needs 320 px or more.

Do not restyle it

No stretching, rotating, recolouring outside this palette, drop shadows, outlines, gradients of your own, or placing it on a busy photo.

Embedding the logo

Paste this wherever you need the lockup. It hotlinks the file from rythzen.com, so it stays current if the artwork is ever revised.

Need a format that is not here, a partner or sponsorship lockup, or written permission to use the brand? Ask us — we will send it over.

Request brand permission