NoReply brand guidelines
Everything you need to represent NoReply correctly. Our logo, colors, typography, and most importantly — our voice.
Download logo packLogo
Our logo is a shield – representing protection for consumers. The shield contains a diagonal slash, symbolizing fighting back and the "No" in NoReply.
Shield icon – light backgrounds
Shield icon – dark backgrounds
Do
- • Use the provided logo files
- • Maintain clear space around the logo
- • Use on solid or simple backgrounds
- • Scale proportionally
Don't
- • Stretch or distort the logo
- • Change the logo colors
- • Add effects (shadows, gradients)
- • Place on busy backgrounds
Color Palette
Our palette is warm and organic – inspired by nature rather than cold corporate blues. Coral is our signature color, used for CTAs and highlighting action.
Surface Colours
Used for page backgrounds, section fills, and cards.
background
var(--background)
Page background
card
var(--card)
Cards, modal surfaces, mega-menu panel
muted
var(--muted)
Subtle background tints, code blocks, placeholder
accent
var(--accent)
Hover/active backgrounds for nav and menu rows
app-chrome
var(--app-chrome)
Dashboard gutter behind rounded panels (warm oatmeal)
app-sidebar-panel
var(--app-sidebar-panel)
Dashboard sidebar panel (warm off-white)
border
var(--border)
Hairline dividers, card borders, input borders
ring
var(--ring)
Focus rings
Coral
Primary accent, CTAs, links, active states, marker-coral highlight
Peach
Pricing CTA, benefit halos, eyebrow chips, marker-peach highlight
Yellow
Marker-yellow highlight, attention chips, brand pack gradient
Lavender
Marker-lavender highlight, secondary accent, mesh gradient anchor
Mint
Marker-mint highlight, success/positive tone, fresh-air gradient
Cream
Page surface, warm chrome, dashboard gutter, soft section base
Brand palettes
Full colour scales. Step 500 is the base tone; 200-300 for soft tints (chips, marker), 600-700 for interactive, 800+ for text on light. Brand chip palette uses OKLCH for perceptually-matched lightness across hues.
System-level signal colours. Always rendered as a base + soft pair. Soft tints are used for chip backgrounds; base tones for icons, borders, and key text.
Success
--successPositive outcomes, win confirmations, resolved cases
Info
--infoInformational chips, neutral system messages
Warning
--warningDeadlines approaching, action required
Destructive
--destructiveDestructive confirmations, error states
OKLCH gradients
Gradients that interpolate through perceptual colour space (oklch) instead of sRGB. The mid-tones stay vivid instead of going muddy. Each example also has a paper-speckle overlay version so the gradient feels printed on paper rather than glossy.
Linear gradients between brand pairs
Full chip sweep
in oklch · coral 300 →peach 300 →yellow 300 →mint 300 →lavender 300 →cream 300
Mesh-style radials - mid-tone
Brand chip 300 over cream. The default "vibrant but easy" mesh.
Mesh-style radials - darker (rich)
Brand chip 500-700 over deep cream. For hero blocks, dark-mode marketing sections, or footers.
Mesh-style radials - lighter (airy)
Brand chip 100-200 over cream. For soft empty-state cards, onboarding panels, or anywhere copy needs to read on top.
Mesh-style radials - off-white (barely-there)
Chip 50 over cream. The most usable as section backgrounds because copy and components read cleanly. Like the paper has been faintly stained.
With paper-speckle overlay
The same gradient layered behind var(--paper-speckle) so the texture sits on top. Use these as section backgrounds, hero overlays, or callout cards.
Typography
Cooper Light handles every H1 and H2 for the editorial feel. Nunito covers body and UI text. A system rounded font is used only for the wordmark.
Display - .font-cooper
Cooper Light
H1 and H2 across the site, plus anywhere we want the editorial voice.
Body - .font-sans
Nunito
Body copy, UI labels, buttons, and secondary text.
Wordmark - .font-cooper
NoReply
Cooper Light. Used for the brand wordmark in the header and footer.
The NoReply Voice
We're the scrappy friend who knows consumer law inside-out. Not a stuffy legal service or pushy claims company. The person who says "that's rubbish, here's what you do" when someone gets ripped off.
Underdog Champion + Savvy Friend + Witty Ally
1. Be the underdog's megaphone, not an ambulance chaser
"They hoped you'd give up. Prove them wrong."
"CLAIM NOW before it's too late!"
2. Speak like a smart friend, not a robot
"Airlines hate this law – but it's your best friend."
"The relevant legislation provides consumer protection."
3. Use wit, not shock value
"Remember when they said 'we'll get back to you'? Us neither."
"These THIEVES need to pay!"
4. Get specific, skip the fluff
"Your flight was 3 hours late. You're owed £220."
"You may be entitled to various forms of compensation."
5. Never punch down
"Against big companies, not individual reps"
"Mock users or their situations"
Words We Never Use
AI-Speak
Ambulance Chaser Language
Filler Preambles
Get the full brand pack
Download our logo in SVG, PNG, and icon formats. Everything you need in one ZIP file.
Download logo packWriting about NoReply? Visit our Press Kit for company info, stats, and media assets. Questions? Email press@usenoreply.com