---
name: July Fund
description: "This site serves as a strong example of blending classic editorial typography with modern, clean digital card layouts."
version: alpha

colors:
  background: "#EEE7E5"
  primary: "#433E3C"
  tertiary: "#56D270"
  neutral: "#9A9390"
  bg-soft: "#F0E7E4"
  line: "rgba(67, 62, 60, 0.1)"

typography:
  display:
    fontFamily: didone-serif
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  h2:
    fontFamily: humanist-sans
    fontSize: 36px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-0.5px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"
  small:
    fontFamily: humanist-sans
    fontSize: 10px
    lineHeight: 1.5
    fontWeight: 700
    letterSpacing: "2px"

rounded:
  sm: 8px
  md: 12px
  lg: 20px
  pill: 999px

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

---

## Overview

A refined, editorial-style venture capital fund website with large serif display typography and clean card-based layouts.

*A modern, curated investment journal that blends classic editorial typography with clean digital card layouts.*

## Colors

A warm, muted neutral palette with a single bright green accent for interactive elements and tags.

- **Background (`#EEE7E5`)** — uses `bg` token
- **Primary text (`#433E3C`)** — uses `ink` token
- **Accent (`#56D270`)** — uses `accent` token
- **Muted (`#9A9390`)** — uses `muted` token
- **Borders (`rgba(67, 62, 60, 0.1)`)** — uses `line` token

## Typography

- **Display:** didone-serif
- **Body:** humanist-sans

- Use uppercase with wide letter-spacing for small UI elements and badges.
- Keep body text highly legible with generous line height.
- Reserve the large didone serif strictly for primary display text.

## Layout

A multi-column masonry-like grid of cards on desktop, stacking to a single column on mobile.

*Rhythm:* A 4px base unit ensures consistent padding across all card components.

## Elevation & Depth

- Borders: No visible hard borders on cards; depth is created through background contrast and generous rounded corners.

## Shapes

- `sm`: 8px
- `md`: 12px
- `lg`: 20px
- `pill`: 999px

## Components

- **button:** Pill-shaped buttons with uppercase text, 1px borders, and transparent backgrounds.
- **card:** Rounded corner containers with subtle background shifts (e.g., light vs. dark mode cards) and centered text.
- **chip:** Small, brightly colored (green or purple) pill badges with uppercase, widely tracked text.
- **input:** Not prominently featured in the provided view.
- **hero:** Massive serif wordmark centered over a short descriptive paragraph on a warm neutral background.

## Do's and Don'ts

**Don't:**
- Don't use sharp square corners — screenshot shows generous 20px rounded corners on cards.
- Don't use all-caps for body text — screenshot shows all-caps reserved for small badges and dates.
- Don't use heavy drop shadows — screenshot shows flat surfaces defined by background color contrast.
- Don't use a cool, clinical blue palette — screenshot uses warm, earthy neutrals and a green accent.
- Don't use grotesque sans-serifs for display text — screenshot uses a classic didone-serif.
- Don't use high-contrast, multi-colored gradients — screenshot uses solid backgrounds and occasional soft image textures.

---

## System Prompt (paste into AI agent)

```
This design system represents a refined, editorial-style venture capital fund website. It centers around a warm, muted neutral palette (#EEE7E5 backgrounds, #433E3C ink) contrasted with a vibrant green accent (#56D270) for status badges and tags. Typography is dominated by a large, elegant didone-serif for display elements and a clean humanist-sans for body copy. The layout is built on a card-based grid with generous 20px rounded corners, relying on background color shifts rather than shadows for depth. Buttons are understated, pill-shaped, and uppercase. Critical donts: Do not use sharp corners, do not apply heavy drop shadows, and do not use modern sans-serifs for large display headlines.
```