---
name: Bbastudio Eu
description: "A prime example of a high-end design studio portfolio that uses extreme restraint and large-scale imagery to convey premium quality."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  neutral: "#E5E7EB"
  line: "rgba(229, 231, 235, 1.0)"

typography:
  body:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0px"
  logo:
    fontFamily: humanist-sans
    fontSize: 48px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"

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

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

---

## Overview

A minimalist, photography-led design studio portfolio that lets the work speak for itself.

*A quiet luxury retail storefront or high-end architecture journal*

## Colors

Strict monochrome for UI, allowing project photography to provide all color.

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

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans

- All text is consistently set to 400 weight.
- Tight line-height for compact information display.

## Layout

Full-viewport photographic hero section with absolute positioned text elements.

*Rhythm:* Irregular spacing, prioritizing optical alignment within the photographic context.

## Elevation & Depth

- Borders: 1px solid rgb(229, 231, 235) on standard elements, 1px solid rgb(255, 255, 255) on specific overlays.

## Shapes

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

## Components

- **button:** No visible traditional buttons; navigation relies on text links.
- **card:** No traditional cards; the layout relies on full-bleed imagery.
- **chip:** Pill-shaped pagination dots (borderRadius: 9999px).
- **input:** No visible input fields.
- **hero:** Full-screen photographic background with minimalist text overlays.

## Do's and Don'ts

**Don't:**
- Don't use vibrant gradients — the screenshot shows a strictly monochrome UI palette.
- Don't use heavy drop shadows — the screenshot shows completely flat UI elements.
- Don't use thick borders — the screenshot shows 1px subtle borders or none at all.
- Don't use playful or rounded shapes — the screenshot shows sharp edges or pill-shaped navigation dots.
- Don't use busy backgrounds behind text — the screenshot relies on clear photographic subjects or empty space.
- Don't use bold font weights — the screenshot shows exclusively 400 weight text.

---

## System Prompt (paste into AI agent)

```
This is a minimalist design studio portfolio website. It features a clean, monochrome UI (black #000000 and white #FFFFFF) with a primary focus on high-quality, full-bleed architectural photography. The typography is a humanist-sans at 14px and 400 weight, maintaining a quiet and understated presence. The layout is dominated by a full-viewport hero section with absolute positioned navigation. A key characteristic is the custom cursor and extremely slow, 30-second background motion transforms. Critical donts include avoiding vibrant colors, heavy shadows, or bold typography, as the screenshot shows a highly restrained, gallery-like approach where the work itself provides all visual interest.
```