---
name: Mymind
description: "This site is an excellent example of using bold, expressive typography on a minimalist canvas to create a strong, memorable brand identity."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  secondary: "#3A475A"
  tertiary: "#FF5924"
  neutral: "#748297"
  bg-soft: "#F5F7F9"
  bg-quiet: "#FFEDED"
  muted-soft: "#717286"
  line: "rgba(0,0,0,0.1)"

typography:
  display:
    fontFamily: transitional-serif
    fontSize: 80px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-2px"
  h1:
    fontFamily: humanist-sans
    fontSize: 52px
    lineHeight: 1.3
    fontWeight: 400
    letterSpacing: "-1.3px"
  body:
    fontFamily: humanist-sans
    fontSize: 18px
    lineHeight: 1.67
    fontWeight: 400
    letterSpacing: "0px"
  small:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.67
    fontWeight: 400
    letterSpacing: "0.4px"

rounded:
  sm: 4px
  md: 12px
  lg: 16px
  pill: 999px

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

---

## Overview

A private, effortless space to remember and organize everything in one place.

*A serene, all-encompassing digital library that organizes itself.*

## Colors

Clean, expansive white space punctuated by a warm, energetic orange accent and soft, friendly multi-colored highlights.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`#3A475A`)** — uses `ink-soft` token
- **Accent (`#FF5924`)** — uses `accent` token
- **Muted (`#748297`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.1)`)** — uses `line` token

## Typography

- **Display:** transitional-serif
- **Body:** humanist-sans
- **Mono:** monospace

## Layout

Center-aligned layout with a massive, fluid circular background gradient framing the core content.

*Rhythm:* Consistent use of a 4px base grid with generous padding (20px, 24px, 40px) for breathing room.

## Elevation & Depth

- 0px 57px 60px -54px rgba(255,154,36,0.1)
- 0px 0px 120px 0px rgba(0,0,0,0.15)
- Borders: Subtle 1px solid borders used sparingly, primarily on pill-shaped tags and input fields.

## Shapes

- `sm`: 4px
- `md`: 12px
- `lg`: 16px
- `pill`: 999px

## Components

- **button:** Pill-shaped (border-radius: 999px) with solid orange background and white text, or outlined with thin borders.
- **card:** Clean white cards with subtle rounded corners (12-16px) used for content previews.
- **chip:** Small, rounded pill shapes with light pastel outlines and colored text for categorizing content types.
- **input:** Rounded search bar with a subtle gray background and italicized placeholder text.
- **hero:** Massive serif typography centered over a large, soft radial gradient.

## Do's and Don'ts

**Don't:**
- Don't use a complex grid or multi-column layout — screenshot shows a centered, single-column focus.
- Don't use dark mode or dark backgrounds — screenshot shows a predominantly white (#FFFFFF) canvas.
- Don't use sharp, square corners — screenshot shows extensively rounded, pill-shaped elements.
- Don't use a strictly monochrome palette — screenshot features a vibrant orange accent (#FF5924) and soft pastels.
- Don't use bold, heavy sans-serif for headlines — screenshot features a delicate transitional-serif display font.
- Don't use aggressive, boxy buttons — screenshot shows soft, rounded pill-shaped buttons.

---

## System Prompt (paste into AI agent)

```
mymind.com is a private, effortless digital memory and organization tool. Its design DNA is characterized by massive transitional-serif headlines on a clean white background, accented by a vibrant orange (#FF5924) and soft, friendly pastel highlights. The layout is centered and minimalist, using a 4px grid for consistent spacing and highly rounded, pill-shaped components. It maintains a calm, premium feel through generous white space and fluid, elegant transitions. Critical donts: avoid dark mode, avoid sharp corners, avoid dense multi-column grids, avoid heavy sans-serif display fonts, avoid visual clutter, and avoid aggressive or boxy button styles.
```