reference

Style guide

Colours

Every colour is a Webflow Variable in the Base collection. Change it there and every element follows.

Surface/Dark
#121212
Surface/Page
#FFFFFF
Accent/Mint Green
#51FEC0
Surface/Muted
#F5F5F5
Surface/Sunken
#F1F1F1
Border/Subtle
#ECECEC
Border/Strong
#CFCFCF
Text/Inverse Muted
#BABABA
Text/Secondary
#6B6B6B
Text/Subtle
#8B8B8B
Border/Dark
#333333
Surface/Dark Soft
#1E1E1E
Text/Muted
rgba(18,18,18,.64)
Border/Soft
rgba(18,18,18,.14)
Feedback/Error
#E03E3E
Feedback/Warning
#F0AA28

Type scale

Switzer at every desktop size, 500 for headings and 400 for body. Sizes are Variables too.

Heading/H1 · 90

Homes worth waiting for

Heading/Display · 64

1,200+

Heading/H2 · 50

Seven services, one point of contact

Heading/H3 · 40

Where most people actually start

Heading/H4 · 32

Cadogan Mews House

Heading/H5 · 24

Two viewings, one offer, done in a fortnight.

Body/Text LG · 20

Buying Advisory

Body/Text MD · 18

A London estate agency for buying, selling and letting prime homes.

Body/Text SM · 16

The house was rebuilt behind its original facade in 2018, and the work was done properly.

Body/Text XS · 14

Trusted by 300+ clients

Buttons and controls

Button component (Primary, Small and Dark variants) and Rounded Button (Dark and Light), then status pills, the arrow and the play control. Pick a variant in the right panel; the label colour change on hover is the native interaction “Button label turns white on hover” in the Interactions panel.

Learn More
Learn More
For Sale
House
4 bed
get started

Labels and markers

Eyebrow kickers, status dots (mint for sale, amber under offer, red sold) and chips.

services
for sale
under offer
sold
Chelsea
4 bed

Form fields

Enquiry and newsletter forms post to Webflow Forms. Set the recipient in Site settings.

Send Enquiry
Your enquiry has been sent.

Thank you for getting in touch. A member of the team will reply within one working day.

That did not send. Check the details and try again, or call us on +44 20 7946 0412.

Cards

Each card is built from flat classes so it can be copied between pages without side effects.

Testimonial

Two viewings, one offer, done in a fortnight. The valuation was within four thousand of what we achieved.

Priya Raman
Priya Raman
Sold in Islington

FAQ item

Central and west London in depth — Chelsea, Kensington, Notting Hill, Mayfair and Belgravia — plus Islington, Hampstead and the riverside east.

Stat card

Homes sold across
prime London

1,200+

Amenity cards

Underfloor heating
Private garden

Rich text

Journal posts use av-jd-copy and property descriptions use av-ag-copy. Select a heading, paragraph or list inside these two samples to restyle every CMS post at once.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

A good agent tells you what a home is worth before you ask, and what it will take to buy it before you fall for it. We walk every street we sell on, read every survey in full and pick up the phone on Sundays, because a move is too important to hand to a call centre.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Most sales are won or lost in the first two weeks on the market. We price from the evidence, prepare the home properly before the photographs, and keep every buyer's position written down, so that when the right offer arrives it can be accepted with confidence.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Rooftop terrace with a hanging egg chair overlooking the city at dusk
get started

Your next address starts here