---
name: Varierfurniture
description: "This site is a masterclass in 'less is more', providing a perfect example of high-end, restrained Scandinavian web design."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#494949"
  secondary: "#696969"
  neutral: "#9C9C9C"
  bg-soft: "#CFCFCF"
  line: "rgba(156,156,156,1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-0.5px"
  h1:
    fontFamily: geometric-sans
    fontSize: 24px
    lineHeight: 1.45
    fontWeight: 400
    letterSpacing: "0.4px"
  body:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.45
    fontWeight: 400
    letterSpacing: "0.18px"

rounded:
  sm: 4px
  md: 8px
  lg: 12px
  pill: 999px

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

---

## Overview

A premium furniture brand site defined by extreme restraint, monochrome palette, and generous breathing room.

*A quiet Scandinavian showroom with abundant white space and restrained typography.*

## Colors

Strict monochrome palette using white, black, and a controlled range of warm grays.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#494949`)** — uses `ink` token
- **Secondary text (`#696969`)** — uses `ink-soft` token
- **Muted (`#9C9C9C`)** — uses `muted` token
- **Borders (`rgba(156,156,156,1)`)** — uses `line` token

## Typography

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

- Geometric sans-serif used for all text levels
- Light or regular weight (400) used consistently across all elements
- Generous letter-spacing applied to all text for legibility and elegance

## Layout

Centered single-column layout with strict alignment to the middle of the viewport.

*Rhythm:* Generous vertical spacing with significant padding around main content blocks (78px to 109px vertical padding).

## Elevation & Depth

- rgba(0, 0, 0, 0.1) 0px 8px 10px -6px
- rgba(0, 0, 0, 0.1) 0px 20px 25px -5px
- Borders: 1px solid border using muted gray (#9C9C9C) for buttons and outlines

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 12px
- `pill`: 999px

## Components

- **button:** Pill-shaped buttons with solid dark gray fill and white text, or transparent with a 1px gray border.
- **card:** Minimal or non-existent on this page; content relies on flat white surfaces.
- **chip:** Not present on this page.
- **input:** Not present on this page.
- **hero:** A massive, vertically centered text block with extreme top/bottom padding and no imagery.

## Do's and Don'ts

**Don't:**
- Don't use bright, saturated colors — screenshot shows a strict monochrome palette of white, black, and grays.
- Don't use heavy font weights — screenshot shows consistent use of regular (400) weight for all text.
- Don't create dense, cramped layouts — screenshot shows generous whitespace and padding (78px-109px vertical).
- Don't use sharp, square corners on primary buttons — screenshot shows pill-shaped (999px) buttons.
- Don't use drop shadows everywhere — screenshot shows shadows are only present on a specific chat widget and minimal interactive states.
- Don't add unnecessary decorative elements — screenshot shows a very clean, minimalist interface with no illustrations.

---

## System Prompt (paste into AI agent)

```
Design a premium, Scandinavian-inspired furniture website characterized by extreme restraint and calmness. Use a strict monochrome palette consisting of a pure white background (#FFFFFF), dark gray ink (#494949), medium muted grays (#696969, #9C9C9C), and a light gray surface (#CFCFCF). There should be no high-chroma accent colors. Use a clean geometric-sans typeface for all display and body text, maintaining a regular (400) weight and generous letter-spacing. The layout must be centered, minimalist, and feature vast amounts of whitespace, especially around headlines. Critical donts: never use bright or saturated colors, never use bold or heavy font weights, and never create dense or cramped content blocks.
```