The Trella brand guidelines.
A living style guide — logo, colour, type, and voice. It's also a sample of the brand-identity system we build for every client, so your whole team can stay on-brand everywhere.
The mark & the lockup
Our logo comes as a full wordmark lockup and a standalone monogram. Use the white chip on dark or photographic backgrounds.
Primary lockup
MonogramLogo files
Download the full-colour assets. Files: /logo.png and /monogram.png.
A confident, electric palette
Deep ultramarine carries the brand; a single Signal Red accent adds energy. Neutrals keep everything clean and white-dominant.
Core
Ultramarine
bg-brandUltramarine 700
bg-brand-700Midnight
bg-brand-900Bright Blue
bg-brand-brightSignal Red
bg-accentInk
bg-inkNeutrals
Ink Soft
text-ink-softSurface 2
bg-surface-2Surface 3
bg-surface-3Line
border-lineSora for impact, Inter for clarity
Headlines use Sora — geometric and confident. Body copy uses Inter for effortless reading at any size.
Display — Sora
HeadingsAa
Marketing that moves the needle.
Regular 400 — the quick brown fox
Semibold 600 — the quick brown fox
Bold 700 — the quick brown fox
Body — Inter
Paragraphs & UIAa
Trella is your full marketing team — strategy, social, paid ads, content, and analytics working together to grow your brand and your bottom line. Clear, human, and always measured.
Regular 400 — the quick brown fox jumps
Medium 500 — the quick brown fox jumps
Semibold 600 — the quick brown fox jumps
How the brand should feel
Our voice: Strategy, storytelling, and data — working together to grow your brand. Confident, clear, and human — never hypey, never cold.
Do
- Give the logo room — keep clear space equal to the height of the monogram on all sides.
- Use the white-chip lockup when placing the logo on photography or dark brand panels.
- Lead with ultramarine; use Signal Red as a deliberate accent, never as a background wash.
- Keep headlines in Sora and body copy in Inter for a consistent, confident voice.
Don't
- Don't stretch, rotate, recolour, or add effects (shadows, gradients, outlines) to the logo.
- Don't place the colour logo on a busy or low-contrast background without the white chip.
- Don't pair red text on the ultramarine background — it vibrates and hurts legibility.
- Don't swap the typefaces or use more than two weights in a single layout.
Want a brand system like this?
A full brand-identity suite is part of our Brand Strategy & Identity service. Let's build yours.