Brand

Logo

The full Builtwell wordmark, drawn in currentColor. It fills the width it is given, so size it with its container.

packages/design-system/components/logo-builtwell.tsx

Examples

Black on off-white
Off-white on black
Full bleed, as the studio home hero sets it

Anatomy

  1. 01BUILT in heavy caps
  2. 02WELL in the serif italic
  3. 03fill: currentColor

Usage

import Logo from "@repo/design-system/components/logo-builtwell";

<div className="w-40 text-bw-black">
  <Logo />
</div>

Props

PropTypeDefaultDescription
classNamestringnoneAppended after w-full. The mark keeps its 1312:240 proportion, so set the width on the parent.

Guidance

Do

  • Size it by its container's width; the height follows.
  • Let it take the colour of the text around it.

Don't

  • Stretch it, outline it, or set it in orange.
  • Rebuild it from type. The letterforms are drawn.

Where it's used