Soft Gradients Allowedgradients allowed
Pastel Ambient
Soft, dreamy, rounded. This contract explicitly allows gradients, which overrides the usual no-gradient rule. Use it only inside this system.
Palette specimen
Mist
#F7F5FF
Lilac
#C9B8FF
Sky
#A9D6FF
Blush
#FFC9DE
Mint
#B8F0D6
Ink
#3A3556
Specimen of the Pastel Ambient system. Not the site palette.
Best for
Consumer AI apps and creative tools where a calm, friendly, ambient feel matters more than density. Matches the eve-agent aesthetic.
The contract
The full DESIGN.md. Copy it, or download it into a project root so an agent can build against it.
DESIGN.md
# DESIGN.md - Pastel Ambient
A soft, rounded, ambient system. Gentle gradients, glassy surfaces, generous roundness. IMPORTANT: this contract deliberately allows gradients, which overrides the usual no-gradient rule. Only use gradients inside this system, and keep them soft and low-contrast.
## Palette (tokens)
| Token | Value | Use |
| --- | --- | --- |
| `--mist` | #F7F5FF | Page background base |
| `--lilac` | #C9B8FF | Gradient stop, accents |
| `--sky` | #A9D6FF | Gradient stop, accents |
| `--blush` | #FFC9DE | Gradient stop, highlights |
| `--mint` | #B8F0D6 | Success, soft accent |
| `--ink` | #3A3556 | Text (soft near-black, never pure black) |
| `--muted` | #8B85A6 | Secondary text |
Gradients: soft, 2 stops, low angle, low contrast. For example `linear-gradient(135deg, var(--lilac), var(--sky))`. Never harsh or high-saturation.
## Type scale
- Family: a soft geometric sans (Poppins, Nunito, or similar) with rounded terminals.
- Weights stay light to medium. Avoid heavy black weights, they fight the softness.
- Scale (rem): 0.8125, 0.9375, 1.0625, 1.25, 1.5, 2, 2.75, 3.75.
- Text color is `--ink`, never #000. Pure black is too hard for this system.
## Spacing grid
8px base, airy. Section padding 72 to 112px. Very generous internal card padding of 28 to 40px. Container max-width 70rem.
## Corners and borders
- Corner radius: large and consistent, 16 to 24px. Roundness is the point.
- Borders: usually none. Separation comes from soft surfaces and gentle shadow.
- Shadows: soft, wide, low-opacity ambient shadows (for example `0 20px 60px rgba(120,110,200,0.18)`). Glassmorphism (blur plus translucency) is allowed.
## Component patterns
- Buttons: soft gradient fill or solid pastel, pill or heavily rounded, gentle shadow, subtle lift on hover.
- Cards: translucent or solid pastel surfaces, large radius, soft ambient shadow. Optional backdrop blur.
- Backgrounds: layered soft gradient blobs at low opacity behind content.
## Banned patterns
- Hard offset shadows, sharp corners, pure black or pure white as primary colors.
- High-contrast or neon gradients. Keep every gradient soft.
- Dense, information-heavy layouts. This system trades density for calm.
- Emojis as core UI (decorative use is acceptable here).
- Em dashes. Use a hyphen with spaces.