---
name: One Is
description: "The site is a strong example of a modern, speculative design studio portfolio that prioritizes high-impact visuals and poetic copy over traditional UI patterns."
version: alpha

colors:
  background: "#FBFBFA"
  primary: "#000000"
  neutral: "#BEC0C5"
  line: "rgba(190,192,197,1.0)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 24px
    lineHeight: 1.4
    fontWeight: 500
    letterSpacing: "-0.24px"
  body:
    fontFamily: grotesque-sans
    fontSize: 18px
    lineHeight: 1.33
    fontWeight: 400
    letterSpacing: "0px"

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 speculative creative platform that blends generative art, narrative spaces, and physical installations.

*A digital-physical studio bridging art, tech, and narrative spaces.*

## Colors

Minimalist canvas with high-contrast ink and a single neutral muted tone for subdued secondary text.

- **Background (`#FBFBFA`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#BEC0C5`)** — uses `muted` token
- **Borders (`rgba(190,192,197,1.0)`)** — uses `line` token

## Typography

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

- Primary text uses a tight letter spacing of -0.24px
- Headings and body text share a medium weight (500)
- Uppercase transform is applied to specific labels or buttons

## Layout

Simple header with logo left and CTA right, followed by full-bleed media or wide text blocks.

*Rhythm:* Generous vertical padding (32px to 80px) creates a spacious, breathing layout.

## Elevation & Depth

- None visible
- Borders: 2px solid borders on interactive elements like buttons.

## Shapes

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

## Components

- **button:** Pill-shaped outline buttons with 2px solid borders.
- **card:** Media-heavy cards with large imagery and rounded corners.
- **hero:** Full-viewport video or high-resolution photographic background with minimal overlay text.

## Do's and Don'ts

**Don't:**
- Don't use multiple accent colors — screenshot shows a monochrome palette with black text on white.
- Don't use decorative or script fonts — screenshot shows a clean, modern grotesque sans-serif.
- Don't use heavy drop shadows — screenshot shows flat, clean surfaces with no visible shadows.
- Don't use small, tight containers — screenshot shows a very spacious, almost empty layout.
- Don't use traditional grid lines or heavy borders — screenshot uses vast white space as the primary separator.
- Don't use standard corporate calls to action — screenshot uses a very minimal 'Contact' button.

---

## System Prompt (paste into AI agent)

```
One Is is a speculative creative platform positioned as a bridge between art, technology, and physical spaces. The design is a minimalist, gallery-style canvas dominated by a stark black-on-white palette (#000000 on #FBFBFA), with a single neutral muted tone (#BEC0C5) used for subdued list items. The typography relies on a clean grotesque sans-serif category at a medium weight (500) with tight letter spacing. Critical donts include avoiding decorative fonts, avoiding multiple accent colors, and avoiding cluttered layouts with heavy borders or shadows. The system should emphasize vast white space, high-resolution media, and a poetic, manifesto-style tone.
```