---
name: Glob Land
description: "This site is worth including as a prime example of a premium, accessible e-commerce interface that balances refined aesthetics with strong functional utility."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#212121"
  secondary: "#474747"
  tertiary: "#574CD5"
  neutral: "#69727B"
  bg-soft: "#EFF1F7"
  bg-quiet: "#F8F9FC"
  line: "rgba(71, 71, 71, 0.1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 32px
    lineHeight: 1.2
    fontWeight: 500
    letterSpacing: "-0.5px"
  heading:
    fontFamily: humanist-sans
    fontSize: 18px
    lineHeight: 1.3
    fontWeight: 600
    letterSpacing: "0px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0px"
  small:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.3
    fontWeight: 400
    letterSpacing: "0px"
  tiny:
    fontFamily: humanist-sans
    fontSize: 12px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 4px
  md: 8px
  lg: 9999px
  pill: 9999px

spacing:
  xs: 4px
  sm: 8px
  md: 10px
  lg: 12px
  xl: 15px
  2xl: 20px
  3xl: 24px

---

## Overview

A refined e-commerce experience for lifestyle products with a strong emphasis on accessibility.

*A premium design journal showcasing high-quality material goods.*

## Colors

A predominantly monochrome palette with crisp whites and cool greys, using a single bold purple for functional UI elements.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#212121`)** — uses `ink` token
- **Secondary text (`#474747`)** — uses `ink-soft` token
- **Accent (`#574CD5`)** — uses `accent` token
- **Muted (`#69727B`)** — uses `muted` token
- **Borders (`rgba(71, 71, 71, 0.1)`)** — uses `line` token

## Typography

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

## Layout

A spacious, clean layout with ample white space, prioritizing readability and clear content hierarchy.

*Rhythm:* A consistent 4px base grid is used for all spacing, padding, and layout structures.

## Elevation & Depth

- shadow-sm: 0 0 5px 0 rgba(25, 27, 30, 0.03)
- shadow-lg: 0 4px 40px 0 rgba(25, 27, 30, 0.2)
- Borders: 1px solid rgba(71, 71, 71, 0.1)

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 9999px
- `pill`: 9999px

## Components

- **button:** Minimalist pill-shaped buttons with light borders or solid purple backgrounds, using uppercase text.
- **card:** Simple containers with soft rounded corners and subtle shadows, often used for grid layouts.
- **chip:** Minimal rectangular elements with thin borders, typically used for navigation or filters.
- **input:** Clean form fields with light borders and rounded corners, focusing on functional clarity.
- **hero:** Full-width or large format imagery overlaid with bold, clean typography and a single clear call-to-action.

## Do's and Don'ts

**Don't:**
- Don't use heavy drop shadows — the screenshot shows very subtle, low-opacity shadows for depth.
- Don't apply bright, clashing colors — the palette is restrained to whites, greys, and a single purple accent.
- Don't use overly decorative fonts — the typography is clean, functional, and highly readable.
- Don't clutter the layout with excessive elements — the design uses ample white space and a clear hierarchy.
- Don't use sharp, aggressive corners — the design favors soft, rounded corners (5px to 8px) or fully rounded pills.
- Don't ignore accessibility — the interface includes a dedicated, comprehensive accessibility options panel.

---

## System Prompt (paste into AI agent)

```
A refined, accessible e-commerce site for premium lifestyle products. Key colors are crisp white (#FFFFFF), deep ink (#212121), and a functional purple accent (#574CD5). Typography is humanist-sans (Neue Haas Unica) at a 16px base with a tight 1.2 line height. The layout is spacious, using a 4px base grid and subtle shadows. Critical donts: don't use heavy drop shadows, don't apply clashing colors, and don't clutter the layout. This system is designed for clarity, refinement, and inclusive access.
```