---
name: Unseen Studio
description: "This site is worth including as an excellent example of a creative agency splash screen that balances minimalist design with a playful, memorable brand identity."
version: alpha

colors:
  background: "#F1EDEB"
  primary: "#212121"
  secondary: "#424242"
  neutral: "#D6D6D6"
  bg-soft: "#FAF6F4"
  bg-quiet: "#EFEDE9"
  muted-soft: "#E7E7E7"
  line: "rgba(33, 33, 33, 1)"

typography:
  display:
    fontFamily: didone-serif
    fontSize: 90px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1.44px"
  body:
    fontFamily: grotesque-sans
    fontSize: 14.4px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "-0.324px"

rounded:
  sm: 4px
  md: 8px
  lg: 24px
  pill: 999px

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

---

## Overview

A minimalist creative agency with a playful, observant identity.

*A clean, creative agency with a playful edge*

## Colors

Soft, warm neutrals grounded by high-contrast black text.

- **Background (`#F1EDEB`)** — uses `bg` token
- **Primary text (`#212121`)** — uses `ink` token
- **Secondary text (`#424242`)** — uses `ink-soft` token
- **Muted (`#D6D6D6`)** — uses `muted` token
- **Borders (`rgba(33, 33, 33, 1)`)** — uses `line` token

## Typography

- **Display:** didone-serif
- **Body:** grotesque-sans

- Body font is Neue Montreal, a clean grotesque sans-serif.
- Display font is Saol Display, an elegant transitional serif.
- Titles are frequently uppercase with tight tracking.
- Body text has a slightly negative letter-spacing for a clean look.

## Layout

Centered, single-column layout for the splash screen with ample vertical rhythm.

*Rhythm:* Generous whitespace around core elements, creating a focused, uncluttered layout.

## Elevation & Depth

- Borders: Thin, 1px solid borders in dark tones for subtle definition.

## Shapes

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

## Components

- **button:** Minimalist pill-shaped button with white background, black text, and subtle shadow.
- **card:** Not applicable in the current view.
- **chip:** Not applicable in the current view.
- **input:** Not applicable in the current view.
- **hero:** Centered content block featuring a playful illustrated logo, headline, description, and a single call-to-action.

## Do's and Don'ts

**Don't:**
- Don't use a stark white background — screenshot shows a soft, warm beige/off-white.
- Don't use a purely monochrome palette — screenshot shows a warm, desaturated pinkish-beige.
- Don't use a serif font for all body copy — screenshot shows a sans-serif (Neue Montreal) for body text.
- Don't use sharp, rectangular corners — screenshot shows rounded, pill-shaped buttons.
- Don't use heavy drop shadows — screenshot shows a subtle, soft shadow on the 'Enter' button.
- Don't clutter the initial view — screenshot shows a single, centered column of content with vast empty space.

---

## System Prompt (paste into AI agent)

```
Unseen Studio is a creative agency with a minimalist, observant, and slightly playful identity. The visual system uses a soft, warm neutral background (#F1EDEB) with high-contrast black (#212121) typography. The font pairing combines a clean grotesque sans-serif (Neue Montreal) for body text and a refined transitional serif (Saol Display) for display. Layout is centered and spacious, focusing on a single column for the splash screen. Key interactions are smooth, using a custom cubic-bezier easing. Critical donts: avoid stark white backgrounds, avoid dense layouts without breathing room, and avoid sharp corners on interactive elements.
```