---
name: Klim Type Foundry
description: "This site serves as a masterclass in premium typography presentation, using extreme minimalism to ensure the type specimens are the absolute focal point."
version: alpha

colors:
  background: "#1C1C1C"
  primary: "#FFFFFF"
  secondary: "#8D8D8D"
  tertiary: "#D33C03"
  neutral: "#7F7F7F"
  bg-soft: "#D3D3D3"
  bg-quiet: "#F4F4F4"
  muted-soft: "#555555"
  line: "rgba(141, 141, 141, 1)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 96px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "-0.02em"
  body:
    fontFamily: grotesque-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0"

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

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

---

## Overview

Premium type foundry showcasing grotesque and serif families in a stark, gallery-like interface.

*A minimalist gallery for typography specimens*

## Colors

High-contrast monochrome with a single vibrant burnt-orange accent.

- **Background (`#1C1C1C`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Secondary text (`#8D8D8D`)** — uses `ink-soft` token
- **Accent (`#D33C03`)** — uses `accent` token
- **Muted (`#7F7F7F`)** — uses `muted` token
- **Borders (`rgba(141, 141, 141, 1)`)** — uses `line` token

## Typography

- **Display:** grotesque-sans
- **Body:** grotesque-sans
- **Mono:** grotesque-mono

- Display type uses the specific font specimen being showcased
- UI text uses the Söhne font family
- Strict adherence to clean, modern grotesque aesthetics

## Layout

Full-width stacked rows with left-aligned display type and right-aligned metadata

*Rhythm:* Generous padding within card blocks (30px vertical) creating breathing room

## Elevation & Depth

- Borders: Thin 1px borders separating elements in a grid-like structure

## Shapes

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

## Components

- **button:** Minimal text links with no background or border
- **card:** Full-width rows with solid background colors, containing a large display type specimen and right-aligned list of variants
- **chip:** Small rectangular tags with solid background (e.g., orange 'Die Grotesk' tag)
- **input:** Search and filtering integrated subtly
- **hero:** Full-viewport immersive imagery or typography specimen with minimal overlay text

## Do's and Don'ts

**Don't:**
- Don't use decorative borders — screenshot shows clean, minimal separation
- Don't use complex button styles — screenshot shows simple text-based 'Buy' links
- Don't use multiple background colors per section — screenshot shows solid, single-color rows
- Don't use rounded corners on cards — screenshot shows sharp, rectangular geometry
- Don't use drop shadows for depth — screenshot shows flat, surface-based hierarchy
- Don't use gradient backgrounds — screenshot shows solid color fills

---

## System Prompt (paste into AI agent)

```
Klim Type Foundry is a premium type foundry site using a stark, gallery-like design system. Key colors include deep charcoal (#1C1C1C), light gray (#D3D3D3), and a vibrant burnt-orange accent (#D33C03). Typography centers on grotesque-sans and transitional-serif families, with Söhne used for UI text. Critical donts: avoid decorative elements or cluttered interfaces, avoid complex button styling (use simple text links), avoid multiple background colors within a single section, and avoid rounded corners on card-like elements. The layout is full-width and minimalist, prioritizing the type specimens themselves.
```