---
name: Norm Store
description: "This site is an excellent example of premium, restrained hardware branding that uses typography and whitespace to convey high quality without relying on visual clutter."
version: alpha

colors:
  background: "#ffffff"
  primary: "#282828"
  secondary: "#282828"
  neutral: "#282828"
  line: "rgba(40,40,40,0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 48px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-0.4px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "-0.04px"

rounded:
  sm: 0px
  md: 12px
  lg: 0px
  pill: 999px

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

---

## Overview

A premium smart desk that blends industrial minimalism with high-tech functionality.

*A piece of architectural hardware disguised as furniture*

## Colors

Strict monochrome palette relying on pure black, white, and near-black text to emphasize product form.

- **Background (`#ffffff`)** — uses `bg` token
- **Primary text (`#282828`)** — uses `ink` token
- **Secondary text (`#282828`)** — uses `ink-soft` token
- **Muted (`#282828`)** — uses `muted` token
- **Borders (`rgba(40,40,40,0.1)`)** — uses `line` token

## Typography

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

- Typography relies heavily on generous negative space rather than weight contrast
- Headlines use a tight line-height of 1.0 for a dense, architectural feel
- Letter spacing is slightly negative to maintain a tight, premium appearance

## Layout

A vertical, centered single-column layout that heavily utilizes whitespace to frame the product

*Rhythm:* Generous, asymmetric spacing that prioritizes breathing room for the product photography

## Elevation & Depth

- Borders: 1px solid rgba(40,40,40,1) for interactive elements like the 'Get now' button and cookie consent

## Shapes

- `sm`: 0px
- `md`: 12px
- `lg`: 0px
- `pill`: 999px

## Components

- **button:** Pill-shaped with 1px solid border, transparent background, and uppercase or standard text
- **card:** No traditional cards; layout relies on full-bleed photography and massive typography
- **chip:** None visible
- **input:** None visible
- **hero:** Full-width, vertically stacked layout featuring a large product cutout followed by massive centered typography

## Do's and Don'ts

**Don't:**
- don't use drop shadows — screenshot shows perfectly flat product photography with no UI shadows
- don't use bold or heavy font weights — screenshot shows exclusively regular (400) weight typography
- don't use colorful accents — screenshot shows a strictly monochrome palette of black, white, and near-black
- don't clutter with multiple columns — screenshot shows a strictly centered, single-column layout
- don't use sharp rectangular buttons — screenshot shows a pill-shaped 'Get now' button with a 999px radius
- don't use justified text alignment — screenshot shows all text centered or left-aligned within its container

---

## System Prompt (paste into AI agent)

```
This design DNA describes a premium, minimalist product site for a smart desk. It utilizes a strictly monochrome palette of pure white (#ffffff), near-black text (#282828), and a secondary off-black for borders. Typography is exclusively sans-serif, relying on geometric and humanist-sans categories with a tight letter spacing of -0.4px and a massive display scale of 48px+ to create a confident, architectural feel. Key critical donts: never use bold font weights (everything is regular 400), never introduce colorful accents or gradients, and never use drop shadows or heavy UI chrome that would distract from the product photography. The layout is a spacious, centered single-column structure that prioritizes whitespace and large product cutouts over traditional grid-based card UI.
```