Brand & Media Kit

Represent PreviAI, precisely.

Everything the press and our partners need to use the PreviAI name, logo, colours and type correctly — download-ready, copy-in-one-click.

01 — Logo

The PreviAI logo

Prefer the horizontal lockup. Use the standalone mark only where space is tight — app icons, avatars, favicons. SVG scales to any size; PNGs are provided for raster contexts.

PrimaryPreviAI Horizontal lockup
Horizontal lockup
Mark + wordmark. The default logo.
SymbolPreviAI Mark (dark)
Mark (dark)
App icon & favicon. For dark backgrounds.
SymbolPreviAI Mark (light)
Mark (light)
Same geometry, light-theme palette.

02 — Breathing room

Clear space & minimum size

Keep clear space around the mark equal to the height of its bars. Never let type, edges or other logos intrude on that frame.

PreviAI mark with clear space
Minimum size — mark
24px on screen, 8mm in print
Minimum size — lockup
104px wide minimum

03 — Logo do & don’t

Keep the mark intact

The mark is a fixed asset. Don’t redraw, restyle, or decorate it — use the files provided.

Correct logo use
Use as supplied
Do not stretch
Don’t stretch
Do not recolour
Don’t recolour
Do not rotate
Don’t rotate

04 — The name

Writing “PreviAI”

One word. A capital P and a capital AI — the AI is always uppercase. Never split it, lowercase it, or set it in all-caps.

PreviAICorrect — always

In running text, treat “PreviAI” as a proper noun. No article (“PreviAI does…”, not “the PreviAI”).

PreviaiAI must stay capitalised
PreVIAIOne capital P only
Previ AIOne word, no space
PREVIAINot all-caps
previaiNever lowercase

05 — Colour

Colour palette

Click any swatch or value to copy the hex. Each colour ships in a dark and a light value — the split chip shows both. Colour carries meaning here: the spectrum hues are never decoration.

Core

Canvas

Page background

dark#05070D
light#F7FBFF
Deep Navy

Raised surfaces, footer

dark#080D18
light#07111F
Ink

Headlines & primary text

dark#F7FBFF
light#07111F
Body

Body copy

dark#D8E4F6
light#263449
Muted

Secondary / captions

dark#93A7C3
light#607189
Signal Lime

The one accent — CTAs, focus, emphasis. Use sparingly.

dark#B7FF4A
light#6FBA00

Support spectrum

Neon Cyan

Information — neutral fact

dark#35E7FF
light#006FD6
Violet

AI-suggested — proposed, never decided

dark#8B5CF6
light#6548D8
Mint

Resolved / success

dark#61FFD1
light#007F68

06 — Type

Typography

Two families do all the work. Both are free and open-source on Google Fonts.

Inter TightDisplay & UI
Regular 400The quick vorsorge
Medium 500The quick vorsorge
Bold 700The quick vorsorge
Black 850The quick vorsorge
Inter Tight
IBM Plex MonoData & code
RegularCHF 1’240.00
Medium2026-07-18
Numerals0123456789
Tabular+ 12.4%
IBM Plex Mono

07 — Layout

Spacing & radius

An 8-based rhythm and a single corner radius keep every surface consistent. Click a token to copy it.

TokenValueWhere
--radius8pxAll cards, buttons, inputs, tiles
--maxw1160pxContent container width
gutterclamp(1.25rem, 4vw, 3rem)Horizontal page padding
--header-h78pxSticky header height
Spacing scale (px)
4
8
12
16
24
32
48
64
Corner radius — 8px everywhere
8px
pill

08 — Assets

Download assets

Vector logos and app icons, ready for print and web. Everything on this page is free to use in editorial and press coverage of PreviAI.

Questions about brand usage, or need a format that isn’t here? Reach us through the contact options in the footer. Please don’t alter the logo or imply a partnership or endorsement that isn’t in place.