Where every car has a story.

Brand

Brand

How Karsabi looks, and why.

A warm paper page, one strong blue, ink for the words. Everything below is drawn with the same code the site uses, so what you see here is what ships.

02 · Colour

One blue, warm paper, ink

Paper is the page, ink is the words, and Karsabi blue is the one colour that acts: every button, link and highlight. Sky and light blue only ever support it. There is no second brand colour.

Roughly how much of a page each takes: mostly paper, then ink, a confident band of blue.

Aa

Karsabi blue

#004672

The only brand blue: buttons, links, the header strip, footer and admin sidebar.

Aa

Ink

#141414

Headlines, text and dark surfaces.

Aa

Paper

#F5EFE4

The site background. Keeps Karsabi warm.

Aa

Sky

#A9DDFF

Accents on blue and the focus ring.

Aa

Light blue

#E0F2FD

Tips, chips and the newsletter band.

Supporting neutrals

Aa

Stone

#F1F0EC

Photo placeholders, alternate sections.

Aa

Mid

#3A3935

Body text on paper (11:1).

Aa

Grey

#5F5F5A

Secondary text (5.9:1).

Aa

Line

#141414 / 15%

Borders and dividers.

Status

Used for listing states and form feedback only, never as decoration. The word always appears too; colour never carries the meaning alone.

  • LiveLive, passed checks
  • In reviewWaiting, needs attention
  • RejectedErrors, reject, delete
  • SoldSold listings

03 · Type

Grotesk for words, mono for facts

Schibsted Grotesk sets everything people read. IBM Plex Mono is for things people scan: labels, prices, dates and specs. No serif, anywhere.

Aa

Schibsted Grotesk

400 · 500 · 600 · 700 · 800 — headlines, body, UI

Aa

IBM Plex Mono

500 · 700 — labels, prices, metadata

  • Display

    Schibsted Grotesk 800 · 64px desktop, 32px phone · −0.05em

    Page titles

    Where every car has a story.

  • Heading

    700 · 30px desktop, 22px phone · −0.025em

    Article headings, card groups

    2025 Lotus Emira: a true unicorn

  • Body

    400 · 17–19px / 1.6 · Mid on paper

    Articles and long text

    Tested on UAE roads, in UAE heat. We drive the car, live with it for a week, and tell you what it is like to own here.

  • Label

    IBM Plex Mono 500 · 12px · 0.04em · uppercase

    Eyebrows, metadata, badges

    Tried and tested · 12 min read

04 · Buttons

Blue means do something

One primary button per view, in Karsabi blue. Pills on desktop; on phones they become 14px-radius blocks at least 50px tall, so they are easy to hit with a thumb.

Sell on Karsabi OutlineLightDelete
On blue

On a blue surface the button turns white.

  • Hover darkens blue to #00365A with a soft shadow (150ms).
  • Press nudges down 1px and scales to 0.99 (100ms).
  • Focus is a 3px sky outline, 2px out, on everything you can tab to.
  • Tap targets are never smaller than 44 × 44px.

05 · Details

The small things that make it Karsabi

AED 90,000AED90,000

The number-plate price

Every price is set like a UAE plate: mono, ink border, 6px corners.

ReviewsNewsCars

The blue underline

The current section in the header gets a 2px blue rule that slides in on hover.

Need an inspection? See our recommended garages.

Tip box

Light blue, 12px corners. For help and gentle nudges, never for warnings.

Corners

  • 6px

    Plate

  • 12px

    Tips

  • 14px

    Cards, photos, inputs

  • 22px

    Sheets

  • 99px

    Pills, buttons

Voice

Like this

“The Emira is the last petrol Lotus, and it feels like a goodbye worth hearing.”

Not this

“Discover the ultimate driving experience with this game-changing supercar!”

Plain, specific, a little warm. Enthusiasts talking to enthusiasts, in AED and UAE roads.