Koala logo Design
No matches for “”
↑↓ navigate ↵ open Esc close
BrochureHeadline

Headline

The heading block that opens every brochure band: an eyebrow pill, a title with a hand-drawn highlight, a lead and any actions beneath.

<koala-headline>

Anatomy

eyebrow names the band in two or three words, title is the claim, and highlight picks the phrase inside the title that the brand marker draws over. lead is the sentence that backs the claim up. Child content, usually a pair of buttons, sits beneath the lead.

FAQs

Questions? We've got answers

Everything you need to know before you get started.

Sizes

Display is for the hero band only, and pairs with level="1". Title is the default for every band heading after it. Subtitle heads a smaller block inside a band.

size="Display" level="1"

Legal experts to keep your move on track

Online conveyancing with regular updates and friendly support whenever you need it. No chasing, no jargon, no surprises.

size="Title"

Built around the way agents sell

Fewer surprises for your buyers and sellers, fewer phone calls for you, and payments you can plan around.

size="Subtitle" level="3"

Still got questions?

We're always happy to chat, on the phone or on WhatsApp.

Centred

align="Centre" caps the block's width and centres it, for a band whose content below is also centred, such as a process or an FAQ.

How it works

From offer to keys, without the chasing

We handle the legal heavy lifting and keep you posted the whole way, so you can get on with the exciting bit.

Typed highlight

highlight-cycle types a list of phrases in turn on the highlight's own line, separated by |. The first phrase should be the highlight and the highlight must end the title. The line is sized to the longest phrase, so nothing below it jumps as the words change. It is the Tech home's hero.

Technology for modern conveyancing

We build the platform that powers Koala Legal, making property transactions faster, clearer and fully digital.

On a band

The headline reads its ink from the enclosing koala-band or koala-callout, so the eyebrow chip, marker and lead stay legible on every ground without extra attributes.

inside koala-band tone="Primary"

Estate agents

Partnering with Koala is simple

Refer your clients, and we'll keep you and them in the loop from instruction to completion.

inside koala-band tone="Inverse"

The problem

Conveyancing still runs on email and chasing

Movers wait weeks for news that should take minutes.

API

kicker text, a muted line at the title's size, set above it inside the heading
title text
highlight phrase inside title
highlight-cycle phrasephrasephrase
highlight-look MarkerScribbleCircleStickerStrike (default Marker), as on Mark
eyebrow text
eyebrow-icon IconName (default None)
lead text
align StartCentre
level 123 (default 2)
size DisplayTitleSubtitle