---
name: Aikawakenichi
description: "This site serves as an excellent example of extreme editorial restraint, proving that a strong, centered circular motif paired with massive serif typography can create a compelling, premium experience"
version: alpha

colors:
  background: "#F4EDED"
  primary: "#000000"
  neutral: "#767676"
  line: "rgba(0,0,0,1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 261px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  body:
    fontFamily: grotesque-sans
    fontSize: 16px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "normal"

rounded:
  sm: 7px
  md: 35px
  lg: 9999px
  pill: 9999px

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

---

## Overview

A minimalist, editorial portfolio centered around large circular portrait elements.

*A gallery exhibition catalog*

## Colors

High-contrast black and white with warm, muted tints.

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

## Typography

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

- Use a classic transitional serif for primary display text
- Use a clean neo-grotesque sans-serif for body and UI elements
- Ensure primary display text is strictly regular weight (400)

## Layout

Centered circular composition

*Rhythm:* generous whitespace

## Elevation & Depth

- rgba(0,0,0,0.12) 0px 6px 12px 0px
- inset 0px 1px 0px 0px rgba(255,255,255,0.36)
- Borders: 1px solid rgb(0, 0, 0)

## Shapes

- `sm`: 7px
- `md`: 35px
- `lg`: 9999px
- `pill`: 9999px

## Components

- **button:** Minimal, likely pill-shaped or borderless with pointer cursor
- **card:** Large circular elements containing imagery or text
- **chip:** None visible
- **input:** None visible
- **hero:** Centered full-screen layout featuring a dominant circular frame

## Do's and Don'ts

**Don't:**
- don't use vibrant accent colors — screenshot shows a strictly monochromatic palette with muted warm tints
- don't use sans-serif for large display text — screenshot shows a transitional serif for headings
- don't use heavy drop shadows — screenshot shows subtle, complex inset/outset shadows
- don't use a multi-column dense layout — screenshot shows a highly centered, spacious composition
- don't use bold weight for display text — screenshot shows a regular weight (400) for large typography
- don't use sharp corners everywhere — screenshot shows prominent use of 50% (circular) and 9999px (pill) border radii

---

## System Prompt (paste into AI agent)

```
This is a minimalist editorial portfolio with a strong focus on typography and circular imagery. The layout is highly centered, utilizing massive transitional-serif headings and clean grotesque-sans body text against a warm off-white background (#F4EDED) and solid black (#000000) elements. Key features include large circular portrait frames, subtle inset shadows, and smooth 350ms transitions. Never use vibrant accent colors, avoid sans-serif display text, and ensure generous whitespace around the centered circular compositions to maintain the refined, gallery-like aesthetic.
```