---
name: Aliciamoore
description: "This site is a masterclass in luxury e-commerce design, using extreme restraint and spatial composition to elevate the product."
version: alpha

colors:
  background: "#000000"
  primary: "#F1F0EC"
  neutral: "#999999"
  bg-quiet: "#222A37"
  line: "rgba(241, 240, 236, 0.15)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 32px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0.36px"
  body-small:
    fontFamily: grotesque-sans
    fontSize: 12px
    lineHeight: 1.4
    fontWeight: 300
    letterSpacing: "0.36px"
  body:
    fontFamily: grotesque-sans
    fontSize: 14px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0px"

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

spacing:
  xs: 4px
  sm: 8px
  md: 12px
  lg: 16px
  xl: 24px
  2xl: 32px
  3xl: 36px

---

## Overview

A premium fashion brand website that uses extreme restraint and full-bleed imagery to create an immersive, gallery-like shopping experience.

*A quiet, dimly lit luxury showroom where the product is the only focus.*

## Colors

High-contrast monochromatic palette with a secondary deep navy state, relying on photography for warmth.

- **Background (`#000000`)** — uses `bg` token
- **Primary text (`#F1F0EC`)** — uses `ink` token
- **Muted (`#999999`)** — uses `muted` token
- **Borders (`rgba(241, 240, 236, 0.15)`)** — uses `line` token

## Typography

- **Display:** grotesque-sans
- **Body:** grotesque-sans

- Use Founders Grotesk as the primary typeface
- Navigation links use a light weight (300) with wide letter spacing
- Maintain generous negative space around typographic elements

## Layout

A full-screen canvas with a dominant central visual, anchored by corner-aligned navigation and brand elements.

*Rhythm:* Generous padding (36px) frames the edges, with 108px vertical breathing room in the hero.

## Elevation & Depth

- Borders: Subtle 1px borders in ink color used sparingly for separation.

## Shapes

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

## Components

- **button:** Text-only links with no background, relying on hover opacity transitions.
- **card:** Large, full-bleed image blocks that act as the primary interactive surface.
- **hero:** A full-viewport section dominated by a single large image, with the brand name on the left and a call-to-action on the right.

## Do's and Don'ts

**Don't:**
- don't use drop shadows — screenshot shows flat imagery and text
- don't use rounded corners — screenshot shows perfectly square edges
- don't add decorative borders — screenshot shows a borderless, edge-to-edge layout
- don't use multiple accent colors — screenshot shows a strictly monochromatic palette
- don't use heavy font weights — screenshot shows only light (300) and regular (400) weights
- don't center-align text — screenshot shows left-aligned and right-aligned peripheral text

---

## System Prompt (paste into AI agent)

```
Design a premium, minimalist fashion e-commerce interface with a gallery-like feel. Use a deep black (#000000) background and off-white (#F1F0EC) text for maximum contrast. Typography should be a clean grotesque-sans in light and regular weights with generous letter spacing. Prioritize large, high-quality photography as the primary visual element, with UI elements pushed to the periphery. Use cubic-bezier(0.32, 0.94, 0.6, 1) for smooth, elegant motion. Avoid any decorative elements like shadows, rounded corners, or vibrant colors; maintain absolute restraint. Navigation should be discreet and text-only.
```