---
name: Somethingspecialstudios
description: "This site is a perfect example of a 'less is more' agency portfolio that uses typography and photography to convey a high-end, professional brand identity."
version: alpha

colors:
  background: "#FFFDF1"
  primary: "#141414"
  neutral: "#E6E6E6"
  line: "rgba(20, 20, 20, 0.1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 75px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-3px"
  body:
    fontFamily: transitional-serif
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0.12px"
  caption:
    fontFamily: transitional-serif
    fontSize: 12px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "0.12px"

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

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

---

## Overview

A bold, image-driven creative agency portfolio that prioritizes visual work and typography over UI decoration.

*A high-end fashion magazine translated into a digital gallery.*

## Colors

Strict black-on-cream typography with vibrant photography as the only color source.

- **Background (`#FFFDF1`)** — uses `bg` token
- **Primary text (`#141414`)** — uses `ink` token
- **Muted (`#E6E6E6`)** — uses `muted` token
- **Borders (`rgba(20, 20, 20, 0.1)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** transitional-serif

- Use the AntiqueLegacy font family for all text.
- Maintain a strict font weight of 400 for all elements.

## Layout

Full-width image grid with minimal padding.

*Rhythm:* 8px baseline rhythm for gaps and padding.

## Elevation & Depth

- Borders: 1px solid border color for subtle dividers.

## Shapes

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

## Components

- **button:** Text-only links with cursor pointer.
- **card:** Image-driven gallery items with text metadata below.
- **hero:** Massive typographic title at the top.

## Do's and Don'ts

**Don't:**
- Don't use bright UI accents — screenshot shows the design relies on photography for color.
- Don't use sans-serif fonts — screenshot shows a consistent transitional-serif typeface throughout.
- Don't use heavy shadows or border radii — screenshot shows flat, edge-to-edge imagery.
- Don't use dense text layouts — screenshot shows minimal, concise copy and large whitespace.
- Don't use complex navigation menus — screenshot shows a flat, top-aligned navigation bar.
- Don't use rounded image corners — screenshot shows strict rectangular crops for all imagery.

---

## System Prompt (paste into AI agent)

```
A high-end creative agency portfolio for Something Special Studios. Positioning: A premium, image-first gallery showcasing fashion, retail, and lifestyle work. Key hex colors: #FFFDF1 (cream background), #141414 (ink black), and #E6E6E6 (muted borders). Font categories: Transitional-serif (AntiqueLegacy) for both display and body. Critical donts: Never use sans-serif fonts; never add rounded corners to images; never use vibrant UI accents or shadows. The layout is a minimalist, full-width grid that prioritizes photography over decorative UI elements.
```