Brand Kit · v1 · 2026
The RoloMob brand, ready to use
Every logo, colour, typeface and template that makes up our identity: preview it, copy the tokens, or download the whole pack. Type is open-source (SIL OFL); use the marks to reference or link to RoloMob.
$ includesSVG masters · PNG up to 2048 · web fonts · templates · README + license
Quick pick
Which file do I use?
Logos
↓ Just the mark (SVG)The mark & lockups
SVG is the master: infinitely scalable, works everywhere. Reach for a PNG only when a tool can’t take SVG.
Preview on
Anatomy of the mark
A modern-pixel mob: a friendly invader-creature built from one pixel grid (13 columns by 10 rows). Two little ears on top, two bracket-shaped eyes knocked out as transparent gaps, and zigzag invader feet. The whole body is filled with the brand gradient (flame to gold to green). Never recolour it (use a mono version instead).
- EarsFlame
- Body fillGradient
- Bracket eyesTransparent
- Zigzag feetGreen
Colour
A near-black canvas, lit by neon
Brand
Accent
Surfaces
Text
Status
- Backgrounds are dark by default. Light layouts (invoices, formal docs) are fine: dark ink on white, brand colours unchanged for accents.
- Bright is an accent, not a fill. Large flat areas of flame or green read cheap. Use them for the logo, edges, links, glows and small emphasis.
- Contrast: Ink on Base passes AA. On white, use a readable dark green or ink for body text, not the bright neons.
All tokens
The full --color-* block, ready to paste into your stylesheet.
Type
↓ typography.mdThree open typefaces
All SIL OFL, free for commercial print & web. Already self-hosted on this site.
Aa Ship the future
Space Grotesk
SIL OFLDisplay · headings
Google Fonts ↗Aa Production-grade
Inter
SIL OFLBody · UI
Google Fonts ↗Aa const ship = 0xR0
JetBrains Mono
SIL OFLMono · code
Google Fonts ↗Scale
- Displayclamp(2.85rem, 1.2rem + 7vw, 7rem)Ag
- H1clamp(2.25rem, 1.4rem + 4vw, 4.25rem)Ag
- H2clamp(1.85rem, 1.2rem + 2.6vw, 3.25rem)RoloMob
- H3clamp(1.3rem, 1.05rem + 1vw, 1.85rem)RoloMob
- Leadclamp(1.05rem, 0.95rem + 0.55vw, 1.375rem)RoloMob
- Body1remRoloMob
Install
Self-host with Fontsource (variable, zero external requests):
@import '@fontsource-variable/space-grotesk'; @import '@fontsource-variable/inter'; @import '@fontsource-variable/jetbrains-mono';
Wordmark: Space Grotesk 600, tracking −1.75%, lowercase. Don’t retype it. Use the wordmark / lockup files (outlined to curves).
Usage
Keep it unmistakable
Clear space
Keep padding of at least the height of the mark’s ears (≈ the wordmark’s cap-height) around the logo.
XXMinimum size
Mark ≥ 24 px; horizontal lockup ≥ 120 px wide. Below that, use the mark or favicon alone.
24px120pxDo
- ▹ Use the supplied SVG / PNG files as-is.
- ▹ Pick the on-dark / on-light variant to match the background.
- ▹ Use a mono version on busy photos or single-ink print.
- ▹ Give it room to breathe and keep it above minimum size.
Don’t
Don’t stretch
Don’t rotate
Don’t recolour
Don’t add shadows
Also: don’t recolour the gradient, fill in the bracket eyes, place the colour logo on a low-contrast background, or rebuild the wordmark in another font.
Templates
Ready-to-send documents
RoloMob
hello@rolomob.com
Email signature
Copy-paste HTML signature, table-based so it survives every mail client.
Letterhead & invoice
One template for letters, brochures and invoices. Open it and “Print → Save as PDF”.
Invoice logo · 240×140
Fixed-size PNG sized for accounting software logo slots.
Everything in one file
Got everything you need?
Grab the full kit: logos, colour, type spec, web fonts and templates.
logos · colours · type spec · web fonts · templates · README + license
Typefaces are licensed under the SIL Open Font License. The RoloMob name and marks are © RoloMob. Use them to reference or link to us; don’t modify the marks or imply partnership. Questions? hello@rolomob.com
Copied
Ready for your profile
Drop-in WhatsApp (and any messenger) assets: a circular-safe avatar, a 16:9 cover and a 9:16 chat wallpaper. Built from the master logo, so they never drift from the brand.
Profile avatar
Square master with a gradient ring and built-in padding, so the mark never clips when WhatsApp masks it to a circle. Upload as-is.
16:9 cover
The wordmark over a faint tiled-mark pattern, lit by the brand glows. For covers, status screens and shareable banners.
9:16 chat wallpaper
Portrait build for WhatsApp’s Chat wallpaper. Centred, so taller phones crop top & bottom without touching the name.