---
name: Blu Dot
description: "The site is a great example of balancing bold, high-chroma product photography with a highly restrained, clean UI framework."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  secondary: "#757575"
  tertiary: "#E20008"
  neutral: "#979797"
  bg-soft: "#EFEFEF"
  muted-soft: "#D8D8D8"
  line: "rgba(160, 160, 160, 1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 70px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "-1.4px"
  body:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0"

rounded:
  sm: 2px
  md: 0px
  lg: 0px
  pill: 100px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

Modern furniture and home goods with a bold, clean aesthetic.

*A curated gallery of modern living objects presented with architectural precision.*

## Colors

Clean black and white foundation punctuated by a single high-energy red accent.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`#757575`)** — uses `ink-soft` token
- **Accent (`#E20008`)** — uses `accent` token
- **Muted (`#979797`)** — uses `muted` token
- **Borders (`rgba(160, 160, 160, 1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** humanist-sans

- Headlines are uppercase and tight-tracked.
- Body copy is regular weight and highly legible.
- Text color alternates between solid black and accent red for emphasis.

## Layout

Full-width split-screen layout on desktop, stacked vertically on mobile.

*Rhythm:* Consistent 4px grid with generous whitespace for editorial clarity.

## Elevation & Depth

- rgba(0, 0, 0, 0.2) 0px 0px 18px 0px
- Borders: 1px solid rgba(160, 160, 160, 1) for inputs, solid black for standard elements.

## Shapes

- `sm`: 2px
- `md`: 0px
- `lg`: 0px
- `pill`: 100px

## Components

- **button:** Full-width, solid red with bold white uppercase text.
- **card:** Clean edges, primarily defined by high-quality photography.
- **chip:** Pill-shaped badges, often used for filters.
- **input:** Minimal rectangular fields with a thin 1px border.
- **hero:** Massive typographic layout paired with bold, colorful lifestyle photography.

## Do's and Don'ts

**Don't:**
- Don't use decorative serifs — screenshot shows clean geometric and humanist sans-serif fonts.
- Don't use gradients — screenshot shows solid, flat blocks of color for accents.
- Don't use rounded corners on main buttons — screenshot shows sharp, rectangular button shapes.
- Don't use dark mode — screenshot shows a bright, white background for primary content areas.
- Don't use muted, low-contrast colors — screenshot shows high-contrast black and red accents.
- Don't use complex shadows — screenshot shows flat design with only one subtle shadow instance.

---

## System Prompt (paste into AI agent)

```
A modern furniture and home goods brand characterized by a clean, editorial aesthetic and bold use of color. The primary palette is stark black and white, punctuated by a high-energy red accent (#E20008). Typography relies on a geometric sans-serif for display and a humanist sans-serif for body, always maintaining a crisp, legible feel. Layouts are spacious and grid-based, prioritizing high-quality lifestyle photography. Critical constraints include: never use decorative serifs, avoid gradients or dark mode, and keep UI elements like buttons sharp and rectangular. The brand voice is direct and confident, using short, punchy headlines and clear calls to action. Maintain a premium, architectural feel throughout all components.
```