---
name: Allcapstype
description: "This site is an excellent example of restrained, premium design where typography and a single bold accent color create a memorable, high-end identity."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  tertiary: "#FF009E"
  neutral: "#999999"
  line: "rgba(0, 0, 0, 0.1)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 432px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "0px"
  heading:
    fontFamily: grotesque-sans
    fontSize: 32px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: grotesque-sans
    fontSize: 12px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0.15px"

rounded:
  sm: 3px
  md: 4px
  lg: 16px
  pill: 999px

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

---

## Overview

A clean, typography-focused foundry site with a striking neon-magenta signature.

*A pristine gallery where typography is the art.*

## Colors

High-contrast monochrome with a single, intense neon-magenta accent.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Accent (`#FF009E`)** — uses `accent` token
- **Muted (`#999999`)** — uses `muted` token
- **Borders (`rgba(0, 0, 0, 0.1)`)** — uses `line` token

## Typography

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

- Use wide tracking for UI text to maintain a refined, airy feel.
- Keep font weights strictly to 400 and 500 for a unified, modern look.
- Allow display typography to be exceptionally large and expressive.

## Layout

Full-width hero section followed by a grid of type specimens.

*Rhythm:* Asymmetric with generous horizontal gaps.

## Elevation & Depth

- Borders: None; relies on spacing and color for separation.

## Shapes

- `sm`: 3px
- `md`: 4px
- `lg`: 16px
- `pill`: 999px

## Components

- **button:** High-contrast pill-shaped buttons with neon-magenta backgrounds.
- **card:** Minimalist cards presenting type specimens with a focus on typography.
- **chip:** Small, clean tags for style counts and metadata.
- **input:** Minimal, borderless input fields.
- **hero:** Dominating display type with a soft, neon-magenta glow effect.

## Do's and Don'ts

**Don't:**
- Don't use a dark background as the primary surface — the screenshot shows a bright white canvas.
- Don't apply the neon-magenta accent to large text blocks — it is reserved for small interactive elements and the hero glow.
- Don't use rounded corners on most components — the screenshot shows mostly square or very slightly rounded elements.
- Don't use drop shadows for depth — the design relies on flat surfaces and color contrast.
- Don't use small, cramped typography — the design prioritizes large scale and generous whitespace.
- Don't use complex multi-color gradients — the palette is strictly monochrome plus a single accent.

---

## System Prompt (paste into AI agent)

```
This is a premium typography foundry website with a clean, high-contrast aesthetic. The primary palette consists of a pure white background (#FFFFFF) and solid black text (#000000), with a single, vibrant neon-magenta accent (#FF009E) used sparingly for interactive elements and the hero's glow effect. The typography features a mix of bold, expressive grotesque-sans display fonts and refined, tracked-out body text. The layout is spacious and grid-based, allowing the typography to breathe. Critical constraints: Do not use the neon-magenta for body text; avoid heavy drop shadows; keep corners mostly square; maintain a strictly monochrome-plus-one-accent palette; and ensure generous whitespace between elements.
```