Mark Spain Real Estate, documented as one brand system.
Mark Spain Real Estate requested a brand and design guidelines overhaul. As such, BrilliantUX outlined a new standard, including a thirty-four page guidelines document covering voice, logo system, color, type and imagery guidelines.
Selected pages, in the order the document runs.
The document
3 shown-
Cover. The title page for the 2025 edition of the kit.
The opening page identifies the document, the year and the version it belongs to, and states the license under which the kit was issued to the team.
-
Why we exist. The purpose statement that opens the document.
A page of its own is given to the purpose statement, placed at the front of the document ahead of any verbal or visual rule.
-
Table of contents. The document's structure, section by section.
The contents page sets out how the document is organized and the order its sections run in.
Brand overview
5 shown-
Promise and positioning. What the company promises and where it sits in its market.
Two statements share a single page, the promise made to clients and the position the company claims against its competitors.
-
Core values. The five core values and how each is defined.
<b>Five</b> values are each given a name, an icon and a one sentence definition, which fixes the wording teams use whenever they refer to them.
-
Section dividers. The repeating format that opens each section.
One divider format was designed and reused at the head of all <b>four</b> sections, so the document's chapters are marked the same way throughout.
-
Our mission. The mission statement and how it is presented.
The mission statement is given a full page, establishing how a statement of this weight is set and how photography and the lockup support it.
-
Our vision. The vision statement, as a companion to the mission.
The vision statement follows the mission on the opposite treatment, so the two read as a pair without either page repeating the other.
Voice and messaging
3 shown-
Voice pillars. The pillars that define how the brand speaks.
<b>Five</b> pillars define the brand's tone, each paired with the messaging goal it serves and a written example of that pillar in use.
-
Do's and don'ts. Worked examples of the voice, accepted and rejected.
The voice pillars are shown as written copy with an accepted and a rejected version of each, so the distinction is demonstrated rather than described.
-
Messaging guidelines. The approved taglines and the elevator pitch.
Approved lines are sorted by where they may be used, separating the taglines reserved for high visibility surfaces from supporting copy and the standard pitch.
Visual identity
20 shown-
Color palette. The brand palette and its supporting neutrals.
The palette is documented with its print and screen values, anchored on the brand crimson and extended into the reds and neutrals that support it.
-
Clear space. The space that has to be kept around every lockup.
Clear space is defined as a proportion of the mark itself rather than a fixed measurement, so the rule holds at any reproduction size.
Logo system
-
Primary logo. The default lockup and the rules for using it.
The primary stacked logo is documented in its default and inverse styles, with its minimum size, its placement rules and the treatments that are prohibited.
-
Horizontal logo. The horizontal lockup and where it is used.
The horizontal lockup is scoped to the surfaces the stacked logo does not fit, with its own minimum size and its color values fixed.
-
Logo backgrounds. Which grounds the lockup is cleared to sit on.
The page sets out the approved backgrounds for the mark, covering brand colors, neutrals and photography, and shows which version of the lockup belongs on each, so the logo is never chosen by eye.
-
Color applications. How the lockups are colored for two color printing.
Every lockup is drawn in the color combinations approved for a two color press run, covering both the light and the dark ground.
-
Logo don'ts. The alterations the mark will not survive.
A page of worked counter-examples, each showing a change to the lockup that the system does not permit, so a reviewer can name what is wrong rather than only sense it.
-
Minimum sizing. The smallest each lockup may be reproduced.
A floor is set for every lockup in both print and screen measurements, so the mark is never reproduced below the size its detail survives.
Color and typography
-
Color usage. How the palette divides across a layout.
The page moves from the palette itself to the palette in use, giving each color a job in a composition and showing the proportions the brand holds to when several appear together.
-
Primary typeface. The primary typeface and the weights licensed for it.
The primary typeface is documented across <b>six</b> licensed weights, with notes on where it is already available to the team and how to install it everywhere else.
-
Secondary typeface. The secondary typeface and what it is reserved for.
The secondary serif is held to a small number of styles and scoped to long form reading and editorial moments, which keeps it from competing with the primary face.
-
Type hierarchy. The ladder from headline to caption.
The page names each level of text in the system and shows them together at one scale, so a layout's reading order is set by the hierarchy rather than negotiated piece by piece.
Layout and iconography
-
Shape and layout. The geometry the compositions are built from.
The page documents the shape language and the layout structure behind the brand's pages and screens, covering margins, alignment and the recurring forms that carry imagery and type.
-
Iconography. How icons are drawn and sized across the system.
The icon set is specified rather than left to be matched by eye, tying stroke weight to the size each icon is drawn at.
Imagery
-
Lifestyle imagery. The direction for lifestyle photography.
Lifestyle photography is given a written direction covering the moments to capture, the light to shoot in and how the brand color is allowed to appear in frame.
-
Lifestyle do's and don'ts. The lifestyle direction tested against real frames.
The direction is applied to real photographs sorted into accepted and rejected, including the licensing problems that rule an otherwise usable frame out.
-
Founder imagery. The direction for photographing the founder.
Photography of the founder is specified separately, covering camera angle, background and the space a layout needs left clear for a headline.
-
Headshot rules. The standard for portraits used in marketing.
Headshots are held to a consistent pose and lighting setup, with the treatments that keep copy legible wherever it has to sit over the photograph.
-
Property imagery. The direction for photographing listings.
Property photography is split into <b>four</b> categories, each with its own brief covering what belongs in frame and what has to be cleared out of it.
-
Property do's and don'ts. The property direction tested against real frames.
The rejected frames are named specifically, since these are the shots a listing photographer supplies by default unless they are briefed otherwise.
Applications and execution
7 shown-
Digital media. The formats social and video assets are built to.
Digital assets are specified by ratio, each tied to the surface it runs on and paired with an approved headline and a direct call to action.
-
Listing signage. The system outdoors, at a distance.
The page carries the identity onto yard signs and riders, where the mark has to read from a passing car and the information has to survive weather, scale and the short moment a viewer gives it.
-
Applications divider. The opening page for the fourth section.
The divider that opens the applications section, carrying the section number and name in the same treatment used at the head of every other part of the document.
-
Email signature. The brand in a daily internal artifact.
The page applies the system to the signature block every agent sends many times a day, resolving the order of name, title and contact details and how the mark sits alongside them.
-
Stationery. Business cards and printed correspondence.
The page covers the printed pieces an agent hands over in person, setting how the lockup, the type and the contact details are arranged on each and what stock and finish the brand specifies.
-
Buttons and forms. The identity carried into interface parts.
The page takes the brand into product surfaces, documenting the button and form elements the brand's digital work is assembled from so a web page and an app read as one brand.
-
Vertical formats. The nine by sixteen frame for social.
The page works the system into the vertical frame that stories and reels are made in, setting where the mark, the headline and the property detail sit when the whole composition is taller than it is wide.
