---
name: Ncda Biz
description: "An excellent example of high-end architectural studio typography and whitespace management."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#191919"
  secondary: "#808080"
  neutral: "#808080"
  line: "rgba(25, 25, 25, 0.1)"

typography:
  hero:
    fontFamily: neo-grotesque-sans
    fontSize: 280px
    lineHeight: 0.85
    fontWeight: 400
    letterSpacing: "-3px"
  heading-lg:
    fontFamily: neo-grotesque-sans
    fontSize: 62px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  body-lg:
    fontFamily: neo-grotesque-sans
    fontSize: 32px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "-0.3px"
  body:
    fontFamily: neo-grotesque-sans
    fontSize: 21px
    lineHeight: 1.6
    fontWeight: 400
    letterSpacing: "-0.2px"
  caption:
    fontFamily: neo-grotesque-sans
    fontSize: 11px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0.4px"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 0px

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

---

## Overview

A premium interior design studio portfolio emphasizing massive typography and expansive white space.

*A quiet gallery space where the artwork speaks*

## Colors

Strict monochrome palette to let photography and typography dominate

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#191919`)** — uses `ink` token
- **Secondary text (`#808080`)** — uses `ink-soft` token
- **Muted (`#808080`)** — uses `muted` token
- **Borders (`rgba(25, 25, 25, 0.1)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** neo-grotesque-sans
- **Mono:** neo-grotesque-mono

- Use uppercase for section headers
- Maintain extremely tight letter-spacing on large display sizes
- Keep font weight consistent at 400 throughout

## Layout

Gridless, highly asymmetric layout with expansive white space

*Rhythm:* Irregular, dictated by content and breathing room requirements

## Elevation & Depth

- Borders: No visible borders

## Shapes

- `sm`: 0px
- `md`: 0px
- `lg`: 0px
- `pill`: 0px

## Components

- **button:** Text-only interactive elements with a simple cursor pointer
- **card:** Full-bleed high-resolution photography without borders or backgrounds
- **chip:** None visible
- **input:** None visible
- **hero:** Massive typography anchoring the bottom of the viewport with introductory text positioned above

## Do's and Don'ts

**Don't:**
- Don't use drop shadows — screenshot shows completely flat design with no elevation
- Don't use rounded corners — screenshot shows perfectly sharp edges on all elements
- Don't use a centered layout — screenshot shows left-aligned text and asymmetric positioning
- Don't add background colors to sections — screenshot shows only a pure white background
- Don't use a bright accent color — screenshot shows a strictly monochrome palette
- Don't use decorative borders or dividers — screenshot shows spacing and typography doing all the separation work

---

## System Prompt (paste into AI agent)

```
This is a premium interior design studio portfolio that uses a strictly monochrome palette of white (#FFFFFF) and near-black (#191919) with gray (#808080) for secondary text. The typography combines a transitional serif for display elements with a neo-grotesque sans for body text. The layout is characterized by massive whitespace and huge typographic elements like the full-width 'NCDA' acronym. Critical donts: never introduce color accents, never use rounded corners, never center-align content, never add background colors to sections. The design prioritizes photographic content and breathing room over UI density.
```