Brand kit

1. Overview

This page holds the LifyX marks, the palette and the type exactly as this site uses them, together with the artwork to download.

It is written for anyone who has to place the brand somewhere we do not control: press, partners, listings, conference decks, integrations. The rules here are short because there are only a few, and every one of them exists to keep the mark recognisable at the sizes and on the surfaces it actually has to survive.

Use the files as they are. If what you need is not here — a vector, a different lockup, a partnership treatment — ask before making it rather than reconstructing it.

There are three, and they are not interchangeable. The lockup is the default; the other two exist for the cases the lockup cannot serve.

The LifyX lockup: the symbol beside the lifyX wordmark

Lockup

Primary

The symbol and the wordmark, locked at a fixed relationship. This is the mark unless there is a reason it cannot be — the first appearance in any document, deck or page uses it.

The spacing between symbol and wordmark is part of the artwork. Never rebuild the lockup by placing the wordmark next to the symbol yourself.

Download PNG 916×380
The LifyX symbol: a sphere circled by two arrows

Symbol

Where the name is already present

Avatars, favicons, app tiles, a repeated header — anywhere the name reads elsewhere on the surface, or the space is too tight for the wordmark to hold its minimum size.

It is the only element that may stand alone. It is also the unit that defines clear space for all three marks.

Download PNG 375×380
The lifyX wordmark

Wordmark

Rare — with the symbol elsewhere in view

For lockup-free layouts where the symbol already appears nearby: a footer under a header that carries it, a sponsor row that repeats a house style. It never replaces the lockup as a first appearance.

It is pure white. There is no dark version, so it cannot go on a light ground — on white it disappears entirely. On light surfaces use the lockup or the symbol on the dark plate instead.

Download PNG 461×226

3. Clear space

Keep clear, on every side, a margin equal to the full height of the symbol. Nothing enters it — no type, no rule, no edge of a photograph, no other logo.

Measuring the margin from the symbol rather than from a fixed number means the rule scales by itself: the mark keeps the same breathing room on a business card and on a stage screen.

x is the height of the symbol, which in the lockup is the height of the artwork itself. The dashed boundary is the closest anything else may come.

4. Minimum size

Below these sizes the arrows around the symbol close up and the mark reads as a blot. Both figures are printed here at actual size — if your placement is smaller than what you see, step up to the next mark or drop the mark entirely.

Lockup 88px wide on screen · 22mm in print
Symbol 24px wide on screen · 6mm in print

5. Backgrounds

Every mark here is drawn for a dark surface. The symbol carries its own gradient and survives most grounds; the wordmark is white and survives only dark ones.

Preferred

Void #170A2B or black. The ground the mark was drawn for.

Allowed

Any dark neutral below roughly 25% lightness. Check the wordmark still separates.

Not approved

The wordmark vanishes. Place the mark on a dark plate, or use the symbol alone.

6. Misuse

Each of these is shown with the real mark. None of them is a matter of taste — every one either breaks the geometry or breaks the reading.

7. Colour

Seven values, and they are the same seven the site is built from — read straight out of its design tokens, not approximated for this page. Click any row to copy its hex.

The LifyX colour palette with hex, RGB and HSL values
SwatchNameHexRGBHSLRole
Void#170A2B23 10 43264 62% 10%The violet the stage breathes over black
Black#0000000 0 0Canvas ground, curtain
Chalk#FDFDFD253 253 253Primary ink on dark
Ink#0B071411 7 20Primary ink on white
Signal#6CF3A3108 243 163The only accent — status, emphasis, links
Indigo#582EFF88 46 255Scene gradient — never type
Mint#52FFA582 255 165Scene gradient

Contrast

Measured, not assumed. One pair fails, and it is worth stating plainly: indigo must never carry text. It is a light source in the scene, where nothing has to be read off it.

Contrast ratios for the palette pairs
PairRatioWCAG
Chalk on Black20.65:1AAA
Ink on Chalk19.57:1AAA
Chalk on Void18.52:1AAA
Signal on Black14.99:1AAA
Mint on Void14.54:1AAA
Signal on Void13.44:1AAA
Indigo on Chalk6.35:1AA
Indigo on Void2.92:1Fails — decorative only

8. Typography

Two families do everything. Neither is decorative; each has one job.

Trade on proof

General Sans

Display and running text, weights 300 / 400 / 500. Titles are set light — 300 — because the display sizes are large enough that weight would read as shouting.

Leading
0.94 on titles, 1.5 on body
Tracking
-0.022em on titles, 0 on body

SETTLEMENT PROVEN

Mulish

Labels, readouts and HUD text only — the small uppercase type that names a value rather than explaining it. Never for running text.

Case
Uppercase
Tracking
0.08em

Scale

Sizes are authored against a 1440px artboard and scale with the viewport between 1024px and 1920px, so the proportions hold rather than the pixels.

The type scale
RoleSizeAt 1440px
Display5.556vw80px
Statisticmax(28px, 2.222vw)32px
Bodymax(15px, 1.111vw)16px
Labelmax(12px, 0.833vw)12px

9. Files

PNG with transparency. There is no SVG: the marks are rendered artwork with gradients, and a traced outline would not be the logo — it would be a drawing of it.

Downloadable brand files
FileSizeWeightDownload
Lockup916×380136 KBPNG
Symbol375×380114 KBPNG
Wordmark461×22614 KBPNG
Everything3 files264 KBZIP

The marks are trademarks of Lify LTD. This kit grants permission to use them to identify LifyX — in reporting, integrations, listings and partner material — provided they are used unmodified and as described above. It does not grant permission to imply endorsement, partnership or affiliation that does not exist.