# Brand

Binary Dreams is a studio that builds mobile apps with care. The identity reads calm and confident: quiet surfaces frame a fixed bright blue brand accent.

<h2 id="purpose">Positioning</h2>

The brand describes a mobile-first product studio, established in 2026. Keep the tone declarative and the surfaces quiet, so the official blue stays clear.

<h2 id="anatomy">Wordmark</h2>

The wordmark sets `Binary Dreams` in the display face across two lines, tightly tracked, with an accent period after the first word. The supporting line stays in the sans face at muted text weight.

<h2 id="usage">Mark</h2>

The mark pairs a rounded rectangle carrying two cut-out windows with a blue capsule and a single counter-form dot. Draw the rectangle in text ink and the windows in canvas. The capsule uses `--bd-brand-accent`, and its dot uses `--bd-brand-accent-fg`. These roles stay fixed across themes and application overrides.

<h2 id="details">On dark</h2>

On ink surfaces the wordmark shortens to `bd.`, set in the display face on a text-ink background with canvas-colored letters. The period keeps the fixed brand accent in both forms.

<h2 id="accessibility">Contrast</h2>

Place the wordmark on canvas, surface, or ink only. Check the blue period and capsule against Graphite and Blueprint surfaces in both modes. Never rely on color alone to carry meaning.

<h2 id="tokens">Tokens</h2>

Official brand accents read `--bd-brand-accent` and `--bd-brand-accent-fg`. These variables do not change with themes or `Provider` overrides. Supporting surfaces read `--bd-text`, `--bd-canvas`, and `--bd-surface`. Typography reads `--bd-font-display` and `--bd-font-sans`. The hero card uses `--bd-hero-wash` for its background image.

<h2 id="related">Related</h2>

See [Colors](/docs/foundations/colors) for application color roles, [Provider](/docs/components/provider) for scoped supporting surfaces, and [LogoStrip](/docs/components/logo-strip) for placing wordmarks in a row.