---
name: Hausotto
description: "The site is worth including as a masterclass in extreme minimalist, typography-first portfolio design."
version: alpha

colors:
  background: "#ffffff"
  primary: "#000000"
  line: "rgba(0,0,0,1.0)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 216px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-7.2px"
  heading:
    fontFamily: geometric-sans
    fontSize: 22.5px
    lineHeight: 1.15
    fontWeight: 400
    letterSpacing: "-0.5px"
  body:
    fontFamily: geometric-sans
    fontSize: 13px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

A minimalist design studio portfolio centered on massive, monochromatic typography.

*A stark, typographic billboard in a white room.*

## Colors

Strict monochromatic high-contrast with no decorative color.

- **Background (`#ffffff`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Borders (`rgba(0,0,0,1.0)`)** — uses `line` token

## Typography

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

- All typography is strictly monochrome and geometric.
- Negative letter-spacing is heavily applied to large display text.
- Text color is uniformly solid black (#000000).

## Layout

Expansive whitespace with a rigid, unbordered tabular grid.

*Rhythm:* Generous vertical spacing and precise padding steps.

## Elevation & Depth

- Borders: Minimal and strictly 1px solid black for interactive or underlined elements.

## Shapes

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

## Components

- **button:** Text-only buttons with no background or border, except for a solid black cookie action.
- **card:** Cardless layout; data is presented in a clean, borderless table.
- **chip:** None.
- **input:** None.
- **hero:** Massive, centered typographic wordmark dominating the full viewport.

## Do's and Don'ts

**Don't:**
- don't use secondary colors — screenshot shows a strictly black-and-white palette.
- don't apply border-radius — screenshot shows sharp, unrounded rectangular elements.
- don't use drop shadows — screenshot shows completely flat, 2D surfaces.
- don't use decorative imagery — screenshot shows a strictly typographic interface.
- don't vary font weights — screenshot shows uniform weight across all text.
- don't use centered multi-line text — screenshot shows left-aligned lists and centered single-line headers.

---

## System Prompt (paste into AI agent)

```
This is a minimalist design studio portfolio. The layout is characterized by massive, monochromatic typography (Monument-like geometric sans-serif) centered on a stark white background (#ffffff) with solid black text (#000000). The primary content is organized in a clean, borderless tabular grid, maintaining a high-contrast, strictly architectural aesthetic. Critical constraints include the absolute prohibition of color, border-radius, drop shadows, and decorative imagery. Any deviations from this stark, flat, and grid-based structure will compromise the design's rigid, high-end editorial identity.
```