---
name: 6Am Glass
description: "This site is a masterclass in using typography as the primary structural and expressive element, making it a perfect reference for high-end editorial and brutalist design."
version: alpha

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

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 72px
    lineHeight: 0.75
    fontWeight: 400
    letterSpacing: "-1.44px"
  body:
    fontFamily: grotesque-sans
    fontSize: 15px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0.15px"
  caption:
    fontFamily: grotesque-sans
    fontSize: 14px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0.15px"

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 high-contrast, type-driven design system with aggressive scale and radical spacing.

*A brutalist gallery exhibition where text is the sculpture.*

## Colors

Strict monochrome with maximum contrast.

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

## Typography

- **Display:** grotesque-sans
- **Body:** grotesque-sans

- All typography is uppercase for high-impact statements.
- Tight negative letter-spacing is used to condense large text blocks.
- Radical line-heights create dense, architectural text locks.

## Layout

A dense, asymmetrical grid with text blocks anchoring opposite corners.

*Rhythm:* Irregular and asymmetric, favoring large, dramatic gaps.

## Elevation & Depth

- rgba(0, 0, 0, 0.15) 0px 0px 0px 1px
- Borders: Solid black 1px lines used strictly for functional elements like buttons.

## Shapes

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

## Components

- **button:** Minimalist, outlined rectangles with tight, uppercase labels.
- **card:** Not visible in the provided screenshot.
- **chip:** Not visible in the provided screenshot.
- **input:** Not visible in the provided screenshot.
- **hero:** A massive, typographic statement using asymmetric alignment and extreme scale.

## Do's and Don'ts

**Don't:**
- don't use color accents — screenshot shows a strictly monochrome palette
- don't use soft or rounded shapes — screenshot shows sharp, geometric edges
- don't use decorative serif fonts — screenshot shows bold, industrial grotesques
- don't center-align large text blocks — screenshot shows radical left, right, and asymmetric alignments
- don't use generous body padding — screenshot shows tight, dense text locks
- don't use drop shadows or 3D effects — screenshot shows flat, 2D surfaces

---

## System Prompt (paste into AI agent)

```
This is a high-contrast, brutalist design system defined by extreme typographic scale and a strict monochrome palette. It utilizes industrial grotesque-sans fonts (Univers, Founders Grotesk) with aggressive negative tracking and dense line-heights to create architectural text locks. The layout is asymmetrical and stark, using a pure white (#FFFFFF) background and deep black (#000000) ink with no color accents. Key features include massive uppercase display text and minimal, functional UI elements. Critical constraints: absolutely no color accents, no soft or rounded geometry, no decorative serifs, no centered large text blocks, no generous spacing between text lines, and no drop shadows or 3D effects.
```