Deep, confident blue paired with bright teal, a look that feels corporate and established, the company we are now. Below: our logo, colour, type and everything you need to use the brand correctly.
The brand above is the foundation. How it’s applied depends on the page type — each has its own rules and a starter, so pages stay on-brand and consistent.
Dark hero + nav, component library, motion and the accessibility + SEO/AEO baseline — with a copy-paste code starter. Reference: aivisibility.refari.co.
Open the web design system →The calm, readable template for Terms, Privacy and API policy — TOC sidebar, numbered clauses, no motion. Reference: terms.refari.co.
Open the policy design system →Our logo is primarily typographic. The “Uplift Arrow” inside the R signifies the impact Refari has on the businesses we work with. Give it room to breathe and never recolour, stretch or rebuild it.
Deep blue and bright teal lead. Ink and the supporting neutrals carry everything else. Click any swatch to copy its HEX.
Lato sets our headlines; Source Sans Pro carries body copy. Both are free from Google Fonts, so they work everywhere from slides to the web.
Headings
Lato
Black 900 & Bold 700
Aa Bb Cc
Refari
Body
Source Sans Pro
Regular 400 & Semibold 600
A practical, friendly sans for everything from long-form copy to interface text — clear at any size.
Prefer the vector SVGs wherever you can — they stay sharp at any size. Need everything at once? Grab the full pack.
One mark, recoloured per context, so a wall of Refari tabs is instantly readable. The R stays constant; only the field changes. Two axes: by product surface (website, support, docs, legal) and by environment for the app (production, staging, dev, local). Grab the vector SVG wherever you can, or a 512 px PNG.
The SVGs above cover most needs and stay sharp at any size. To edit the artwork or for print, start with the Adobe Illustrator source.
