Skip to content

Design record

The system behind the site.

A luxury register that stays approachable: deep navy and warm paper, teal for the one action, gold for rules and eyebrows. Serif for the sentence a client remembers. Sans for everything they have to use.

Color

  • Navy

    #0F2744

  • Cream

    #F4EFE6

  • Paper

    #FAF7F2

  • Teal

    #0E7C74

  • Gold

    #C9943A

Teal is darkened just enough for ivory text to clear contrast. Gold text on cream uses a deeper bronze. Neutrals are ink, charcoal, and slate — not extra hues.

Type

Fraunces, for the claim.

Manrope, for the explanation. Body lines stay between a comfortable 1.5 and 1.6. Headlines are balanced so a short line does not leave a widow. Two families only.

Layouts chosen

  • Asymmetric split

    Homepage hero, contact

    Copy and proof side by side. The eye lands on the sentence, then the photograph, then the number.

  • Editorial index

    Services, insights, team

    Large serif titles, thin rules, numbers. Scannable without a grid of equal cards.

  • Image ledger

    Industries, case studies

    Alternating photography and text. Architecture carries industry; metrics carry proof.

  • Magazine

    Case study and essay

    A narrow measure for reading, a wide band for figures, a quotation set in italic Fraunces.

  • Timeline

    Approach, service method

    A single gold line. Sequence is the product, so the page is the sequence.

Behavior

  • One primary action: Schedule a Consultation. It is teal on paper, gold on navy.
  • Proof appears before the fold: a go-live figure, then client names, then the method.
  • Motion is a short color change. Nothing essential depends on animation.
  • The consultation is three steps. The confirmation keeps a reference on the device.

Sitemap, in priority

P0 is the path to a conversation. P1 is the trust that makes the conversation serious. P2 is the record around it.