Century 21 Brand System

The brand system for Century 21, an expert network of real-estate agents in Colombo. Residential sales and lettings, on both sides of the transaction.

Residential sales, lettings and valuationsColombo 75/7/7 Ward Pl, Colombo 00700
01Foundation

The idea behind the seal.

One idea runs through this system. The expertise sits with the agents, and the network is how you reach it.

The big idea
An expert network of real-estate agents.

The mark is a circle held open. That is the brand in one shape: a way in rather than a gate, a network rather than an institution. What Century 21 offers is not a list of properties, it is access to the agent who knows the property. Everything else here, the restrained palette, the plain language, the absence of hype, exists so that expertise is the loudest thing in the room.

Who we servePeople looking for a home in Colombo, buying or leasing, and the owners and landlords on the other side of the same transaction.
What we are againstGuesswork. Property described in adjectives instead of facts, and prices set by hope instead of by the market.
Why only usA network of agents, not a listings board. The expertise is the product, and it is a person rather than a portal.
01

Expertise first

Knowing the building, the street and what a property should honestly fetch is the service, not a bonus.

02

Both sides, one standard

Buying, leasing, selling, letting. The same rigour whichever side of the table you sit on.

03

Plain dealing

Straight answers, including the ones that cost us the instruction.

04

A name that travels

Century 21 is recognised well beyond Colombo, which matters when buyers and tenants arrive from elsewhere.

03Naming

Write it right.

Century 21 is a single, monolithic brand. Services are described in plain words beside the seal, never spun into new marks.

Do
  • Write it as Century 21, two words, numeral 21.
  • Describe services in sentence case beside the seal: "Century 21 residential sales".
  • Keep the seal as the only mark.
Don't
  • Never write CENTURY21, Century Twenty One or C-21 in running copy.
  • Never create service sub-logos or lock a service name into the seal.
  • Never set the name in a different typeface.
04Colour

Gold, black, and restraint.

One gold accent, a near-black that carries the brand, and warm neutrals. Tap any swatch to copy its hex. Contrast is measured live against its pairing.

Gold lives on dark

Relentless Gold is designed against near-black. It reaches 8.2 to 1 there and only 2.2 to 1 on white.

Deep gold for light

On light grounds use Deep Gold, which holds AA on white. Never set body copy in the lighter gold.

Dark is the signature

Near-black surfaces carry the identity. Reverse the seal to gold or ivory on dark.

Neutrals do the work

Ink, taupe and warm surfaces carry most of the interface. Gold earns attention by being rare.

05Typography

One typeface. Rubik.

undefined

Variable woff2, weights 300 to 900. Open source (SIL Open Font License).
Aa
Light, 300Find the one that feels like home
Regular, 400Find the one that feels like home
SemiBold, 600Find the one that feels like home
Bold, 700Find the one that feels like home
Display, 700
Find the one that feels like home.
Heading, 600
Every street, known by someone
Body, 400
An expert network of agents who know the market block by block, from first viewing to final signature.
Figure, 600
4 beds ยท 2,140 sq ft ยท Colombo 7

Leading

1.1 to 1.6

Tight for display (1.1 to 1.2), open for body (1.6). Interface labels sit at 1.25.

Tracking

-0.03 to 0

Slightly negative on large display, neutral on body. No letter-spaced all-caps.

Figures

Tabular

Prices and property statistics set in tabular figures so columns align. Sentence case throughout.

06Motion

It draws itself.

The signature motion is the ring drawing clockwise from its gap, then the numerals settling. One easing, one direction, never bouncy.

Seal build, on dark
Seal build, on light

Duration

2.6s

The ring draws for 1.5s, the numerals settle from 1.15s, and a single highlight passes from 1.75s.

Easing

Two curves

A slow in-out for the draw, an expo-out for the numerals. No bounce, no overshoot, ever.

Direction

Clockwise

The ring always draws clockwise from the gap and closes at the top. Never reverse it, never loop it at speed.

07Digital components

The interface, in brand.

Core UI patterns rendered in the system, so web and listings stay on brand by default.

Buttons

Tabs

Homes matched to what you actually asked for, not to what needs shifting.

Toggle and inputs

Chips and alert

For saleTo letNew listingUnder offer

This property is under offer. Register to hear if it returns to the market.

08Clearspace & size

Give it room.

Keep clear space around the seal equal to the ring's stroke width. Never crowd it. Respect the minimum size so the numerals stay legible.

Seal, minimum 24px
Digital header
Favicon, 16px floor
09Misuse

Ways to break it.

The seal is fixed. These are the ways it must never be used.

Don't recolour the seal

Don't stretch or distort

Don't squash it

Don't rotate it

Don't add effects

Don't mirror it

Don't place the ink seal on dark

Don't outline it

SOLD

Don't crowd it

Don't tint it

10Iconography

A line set for property.

Icons are drawn on a 32px grid with a consistent 2.1px stroke, round joins and open forms. Precise, calm, never decorative. They invert cleanly for light and dark grounds.

Preview
Residential sales
Lettings
Valuations
Commercial
Land
Mortgages
Property management
Advisory
11Applications

In the world.

The system in use across print, digital and signage. Every sample is a live artboard; download each as SVG, PNG or JPG.

Stationery

Business Card, Front
Business Card, Back
[Contact name][Role]070 156 8462[name]@example.com[website to be confirmed]
Letterhead
An expert network of real-estate agents.Colombo75/7/7 Ward Pl,Colombo 00700Contact070 156 8462[info]@example.com[website to be confirmed]
Envelope
75/7/7 Ward Pl, Colombo 00700[website to be confirmed]
Compliments Slip
With compliments070 156 8462[info]@example.com[website to be confirmed]

Digital

Email Signature, light
[Contact name][Role], Century 21070 156 8462[name]@example.com[website to be confirmed]
Email Signature, dark
[Contact name][Role], Century 21070 156 8462[name]@example.com[website to be confirmed]
App Icon, light
App Icon, dark
Social Banner
An expert network of real-estate agents.

Presentation

Title Slide
An expert network of An expert networkof real-estate agents.
12Voice & messaging

Straight talking.

Quietly premium. Century 21 speaks like someone who knows the market and feels no need to sell you on it. Confidence shows up as restraint, never as volume.

Plain, not promotional

No dream home, no prime location, no hidden gem, no opportunity not to be missed. Describe the property and let it be interesting on its own.

Specific, not vague

Name the street, the floor, the year, the figure. Detail is what expertise sounds like; adjectives are what its absence sounds like.

Calm, not urgent

No countdowns, no pressure, no exclamation marks. A home is a considered decision and the writing should respect that.

Short: Century 21 is an expert network of real-estate agents in Colombo, working across residential sales and lettings.

Long: Century 21 is an expert network of real-estate agents based on Ward Place, Colombo. We work across residential sales and lettings, for people buying or leasing a home and for the owners and landlords on the other side of the transaction. The expertise sits with the agents, and the network is how you reach it.

13Downloads

Take the kit.

Everything you need to apply the brand correctly: the full seal suite in vector.

Full logo kit

Every seal variant, SVG, in one ZIP.

Seal, gold on dark

The signature lockup.

Seal, ink on light

For light grounds and print.

Seal, ivory on dark

For photography and signage.