Brand Guidelines
Everything you need to put the Vodlix logo on a site, a deck, an article or an event banner — the files, the colours, the type, and the handful of things not to do with them. No permission form, no waiting on us.
The logo
Four versions, one per kind of background. Pick by the surface you are placing it on, not by which file you already have.
On white and light surfaces — the light-background logo. This is the primary
mark and the right default.
On black and dark surfaces — the dark-background logo. The red mark reads cleanly
on near-black.
On brand red and on the gradient — mono white only. A red mark on red does not
read.
The light-background logo has a slightly bolder wordmark than the dark-background one. That is deliberate and it stays that way — it compensates for the way type appears to thin against a light ground. Use each version on the background it is named for rather than correcting the weight yourself.
Use the SVG wherever the medium allows it — it stays sharp at any size and prints properly. The PNGs are for the places that cannot take vector.
Clear space and minimum size
Give the logo room and do not shrink it past the point where the wordmark stops being legible.
Clear space
Keep a margin of at least half the logo's height clear on every side. Nothing — text, an image edge, another logo, a border — sits inside that zone.
Minimum size
Below these the wordmark starts to fill in. If you need it smaller than this, use the icon on its own instead.
Colour
Brand red is #E74F51. It is an accent, not a surface — Vodlix is a white-and-black brand with red punctuation, so full-bleed red panels are not the house style.
The gradient is for hero surfaces and display type only — never on an icon, a badge or a button. On it, the logo is mono white.
Typography
Two faces, both free and on Google Fonts, so you can match a Vodlix layout without licensing anything.
Headings, card and plan titles, stat figures, the footer brand. Weights 400–700.
Everything else: body copy, labels, buttons, tables. Weights 400–700. Its Noto companions cover Arabic, Chinese and Japanese, which is why it is the body face.
Fall back to the system UI sans (system-ui, then Helvetica or Arial). Do not
substitute a serif or a condensed face.
The lede paragraph — one clear step below the heading, not display-sized.18px
Body text. Vodlix gives you the platform the big streamers built for themselves — website, apps, subscriptions and analytics — without the engineering team.15.5px
Headings carry −2% letter-spacing. Figures — prices, stats, table values — are set with tabular numerals so columns line up.
What not to do
The logo is a fixed piece of artwork. Place it, scale it proportionally, and leave everything else alone.
Also: do not put the logo inside a shape or box of your own, do not use it in a way that implies a partnership or endorsement we have not agreed, and do not use it as part of your own product name or logo.
Download the files
Everything on this page, individually or as one archive. SVG where the medium allows it, PNG where it does not.
Need something that is not here?
An unusual size, a print-ready file, a screenshot of the product, or a check that what you have made is right — ask and we will send it.