Brand
OwnBetter brand guidelines
Our logo in every version you might need, our colours and typefaces, and how to use them so OwnBetter looks the same everywhere it appears.
Our name
OwnBetter is a home for your home: one place for the bills, repairs, insurance, trades and mortgage that come with owning property in New Zealand.
Write it like this
- OwnBetter: one word, capital O and capital B
- OwnBetter Pro for the adviser and agent product
- ownbetter.co.nz in lower case, without “www”
- “A home for your home” in sentences; lower case under the logo
Not like this
- Own Better
- Ownbetter
- OWNBETTER
- Own-Better
- OB (except in internal shorthand)
Logo
The mark is two roof peaks with the sun rising behind them: two homes, one better outlook. Use the files below as they are. SVG is best for screens and print; PNGs have transparent backgrounds.
Primary logo
The mark and wordmark side by side. Use it wherever there is room: site headers, documents, email signatures, partner pages.
With tagline
Adds “a home for your home” under the wordmark. For moments that introduce us: the site header, footers, first slides, print.
Stacked
Mark above the wordmark, for square and portrait spaces: signage, merchandise, event screens, sponsor walls.
Mark
Two roof peaks and a rising sun. On its own only where the name is already present or space is tight: favicons, map pins, avatars, watermarks.
Wordmark
The name alone, for places the mark already appears nearby or that are too short for the lockup, such as a narrow banner.
One colour
For single-colour printing, embossing, engraving, fax-quality documents and partner co-branding that restricts colour. The peaks are separated by a cut so they still read as two.
App and social
Square, filled tiles. App stores and social networks apply their own rounding or circle crop, so the PNGs are full-bleed and the mark sits inside the safe centre.
Clear space and minimum size
Give the logo room. Keep everything (text, edges, other logos) at least x away on every side, where x is half the height of the mark.
xxxx
Minimum sizes
| Version | Screen | |
|---|---|---|
| Primary logo | 120 px wide | 30 mm wide |
| Logo with tagline | 180 px wide | 45 mm wide |
| Stacked logo | 80 px wide | 20 mm wide |
| Mark | 16 px | 6 mm |
Below these sizes, switch down: logo with tagline → primary logo → mark. The tagline is the first thing to go when space is short.
Please don’t
The logo only works if it looks the same every time. If a layout needs one of these, it needs a different layout.
Colour
Mostly white and sky with ink for words. Coral and sun are the warmth: use them for the one thing on the screen you want noticed. Select any swatch to copy its hex value.
White 52%
Surface sky 18%
Ink 16%
Surface warm 6%
Coral 5%
Core
The four colours of the logo. Ink and white carry almost every screen; coral and sun are accents.
Coral, working shades
Coral at full strength fails contrast with white. These shades take its place wherever it has to be read.
Sky
The hero and interaction colour: links, focus, search.
Leaf
Success and reassurance: confirmations, badges, “free” callouts.
Neutrals and warm
Secondary text, lines and the warm panel that frames consent and privacy content.
Contrast
Text must reach WCAG AA: 4.5:1, or 3:1 for text 24px and up. White never sits on bright coral; use coral button instead.
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Typography
Two grotesks from Adobe Fonts: a sturdy one with character for headings, a quiet one for reading.
Aa
Roc Grotesk
Wordmark, H2 and H3, footer headings, step numbers. Weights 500, 600, 700 (800 for the wordmark when it is added to the kit).
Fallback: Archivo
Aa
Neue Haas Grotesk Text
Body copy, H1, buttons, inputs, the tagline. Weights 400, 500, 700 only; there is no 600, so anything semi-bold is set at 500.
Fallback: Inter, then Helvetica Neue, Arial
How can we help you?
You choose what’s shared
Set up once
Rates, insurance, power and upkeep for the address, before you make an offer.
My dashboard
Matching addresses
Web: load the Adobe Fonts project rfd5kqv. Don’t self-host the font files. Office documents and slides without the fonts installed: use Archivo for headings and Inter for text.
Shape and motif
Soft, generous corners and big circles. The sun from the mark returns as a large coral-in-yellow circle cropped by the corner of a panel: once per screen, never behind text.
Panel · 32px
Hero, section and footer panels
Card · 28px
Promise cards
Step · 20px
Step cards, icon tiles
Input · 16px
Inputs, list rows
Pill · pill
Buttons, toggles, badges, search
Voice
We sound like a capable friend who happens to know the property market: direct, warm and specific.
Plain, not clever
Short sentences in everyday New Zealand English. Say what a thing does; skip the wordplay.
SaySee what your power plan really costs.
NotUnlock electrifying savings today!
Numbers over adjectives
A figure the reader can check beats a superlative they have to trust.
SayOwners on this street pay $2,140 a year for power, on average.
NotMassive savings on your bills.
On the owner’s side
Speak to the owner as “you” and about ourselves as “we”. Be clear about who sees their data and when.
SayNothing is shared until you say who with.
NotYour details may be passed to selected partners.
Calm about money
No countdowns, no pressure, no fear. Owners act when it is worth it, and we tell them when that is.
SayYour fixed rate ends in March. Here is what is on offer now.
NotAct now before rates skyrocket!
House style
- NZ spelling: colour, organisation, centre, licence (noun).
- Macrons on Māori place names and words: Whangārei, Taupō, whānau.
- Dates as 4 October 2026; times as 9.30am.
- Money as $2,140 and $1.2m; “a year”, “a month” rather than “p.a.”.
- Sentence case for headings, buttons and menus.
- Curly quotes and apostrophes; an en dash for ranges (9–5).