---
name: Studiothomas
description: "Excellent example of typography-driven minimalism with a bold, confident signature."
version: alpha

colors:
  background: "#EBE9E3"
  primary: "#000000"
  tertiary: "#FF4F00"
  neutral: "#767676"
  bg-soft: "#FFFFFF"
  line: "rgba(0,0,0,1.0)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 120px
    lineHeight: 1.15
    fontWeight: 400
    letterSpacing: "-1px"
  h1:
    fontFamily: geometric-sans
    fontSize: 86px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "-0.5px"
  h2:
    fontFamily: geometric-sans
    fontSize: 40px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0"
  body:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.6
    fontWeight: 400
    letterSpacing: "0.165px"

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

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 20px
  xl: 24px
  2xl: 32px
  3xl: 40px

---

## Overview

Minimalist design studio site relying on massive typography and a single vibrant orange accent.

*A gallery of bold work with a loud signature color.*

## Colors

High contrast monochrome base with a single vibrant orange focal point.

- **Background (`#EBE9E3`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Accent (`#FF4F00`)** — uses `accent` token
- **Muted (`#767676`)** — uses `muted` token
- **Borders (`rgba(0,0,0,1.0)`)** — uses `line` token

## Typography

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

- Use the declared Moderat typeface family.
- Maintain a heavy reliance on font weight 400 for display and body.
- Keep letter-spacing tight for large headlines.

## Layout

Full-width hero block followed by edge-to-edge project imagery.

*Rhythm:* Generous whitespace with explicit padding blocks (40px, 100px).

## Elevation & Depth

- Borders: Sharp, 1px black lines used sparingly for dividers.

## Shapes

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

## Components

- **button:** Minimalist navigation with simple text or thin hamburger icon.
- **card:** Edge-to-edge image blocks with overlaid typography.
- **hero:** Massive solid color block with centered text.

## Do's and Don'ts

**Don't:**
- Don't use multiple accent colors — the screenshot shows a strict orange accent (#FF4F00).
- Don't use serif fonts — the screenshot shows a geometric sans-serif (Moderat).
- Don't add shadows or rounded corners to main blocks — the screenshot shows sharp edges.
- Don't use bold font weights for headlines — the screenshot shows font weight 400.
- Don't add decorative icons or graphics — the screenshot shows typography-only design.
- Don't use wide letter-spacing for headlines — the screenshot shows tight negative tracking.

---

## System Prompt (paste into AI agent)

```
This is a minimalist design agency site featuring massive geometric sans-serif typography and a strict color palette of off-white (#EBE9E3), black (#000000), and a vibrant orange (#FF4F00). The layout uses generous whitespace and full-width blocks to showcase work. For any new pages, ensure large typography remains the hero, maintain the specific orange accent sparingly, and never use serif fonts, rounded corners on layout blocks, or bold font weights for headlines.
```