Identity system, colour palette, typography, components and design principles for Netr.
01 — Logo Usage
Logo Tester
Wordmark Pairing
The N icon mark paired with the "netr" wordmark creates a complete logo lockup. The wordmark uses Outfit at weight 800.
02 — Colour Palette
These colours are used exclusively for role badges and categorisation. They are functional, not brand-level colours.
03 — Typography
Min body text: 14px for UI, 16px for marketing — Line height: 1.5× body, 1.1× headings — Never stretch or condense either face.
04 — Visual System
Clean surfaces. Purposeful interactions.
Built for professionals in a hurry.
Deep blue-ink backgrounds with carefully tuned contrast.
Every token maps to both light and dark variants via CSS custom properties.
05 · Voice & Tone
Three words anchor everything we write: Trusted, Sharp, Grounded. A fourth principle, Peer-voiced, governs who the writer is. Imagine a senior broker who's seen ten cycles writing every line. That's the voice.
We're built on verification, not hype. Speak with the certainty of someone who knows their stuff, but never oversell. If the honest answer is "it depends," say that.
Real broker language is the brand. Comm refi, clawback, serviceability, PD day. If a passing outsider only half-follows the copy, we're doing it right. Generic SaaS phrases are the enemy.
We help with today's deal, not tomorrow's transformation. "Solve this deal" not "transform your business." Plain Australian English, no aspiration, no slogans. The product does the work.
Dry warmth. Dry humour only when it earns its keep. Never cute, never corporate. We write to a colleague, not at a user. If a line sounds like marketing wrote it, rewrite it.
06 · Microcopy
Voice lives in the small moments. Greetings, empty states, errors, success messages. These are the lines that decide whether the product feels written for brokers or written at them.
07 · Design Principles
Brokers check this between client calls. Every interaction should feel instant. Reduce steps, eliminate friction.
Rounded corners and clear hierarchy make it feel friendly. Clean layouts and muted tones keep it professional. Both matter.
Role badges, state indicators, and verified markers let you know who you're talking to before reading a word.
No ads, no tracking, no data harvesting. The design should reinforce this — no dark patterns, no growth hacks, no nagging.
Dark mode isn't an afterthought — it's a first-class citizen. Every component, every colour, every shadow works in both modes.
08 · What Netr is not
What we don't do is part of what we are. Brokers aren't a habit-loop audience and we don't pretend they are. These five anti-patterns keep the product honest.
Brokers come back for work, not to feed a counter. Their next deal is the only streak that matters. We won't guilt anyone into showing up.
We speak as a peer, not through a cartoon. The brand voice is the personality. If we ever feel the urge to draw an animal, we delete the file.
Reputation here is earned in real conversations with real peers. We won't reduce credibility to a number that goes up. Badges, when used, name a real status, not a score.
No "don't miss out!" No infinite scroll designed to trap. No notifications crafted to manufacture anxiety. We respect that the reader has a job and clients waiting.
No stock-photo handshakes. No "leverage your network." No purple gradients pretending to be innovation. This was built for brokers, not adapted from a generic template.
09 · UI Components
10 · Motion & Animation Tokens
11 · Spacing & Radius
Generous radius creates approachability. Each token maps to a component type. Base radius: 0.75rem (12px).