---
name: E2B
description: "The site is worth including for its excellent execution of a developer-centric 'blueprint' aesthetic, using typography and borders to create a clean, professional, and highly legible interface."
version: alpha

colors:
  background: "#FAFAFA"
  primary: "#000000"
  secondary: "#333333"
  tertiary: "#FF8800"
  neutral: "#666666"
  bg-quiet: "#EBEBEB"
  line: "rgba(0,0,0,0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 64px
    lineHeight: 1.0
    fontWeight: 700
    letterSpacing: "-0.8px"
  body:
    fontFamily: grotesque-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0"
  mono:
    fontFamily: grotesque-sans
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0"

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

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

---

## Overview

Enterprise-grade open-source AI sandboxes for automations and agents.

*A clean, monospaced blueprint for enterprise AI infrastructure.*

## Colors

A stark, high-contrast monochrome palette anchored by a single bright orange accent.

- **Background (`#FAFAFA`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Secondary text (`#333333`)** — uses `ink-soft` token
- **Accent (`#FF8800`)** — uses `accent` token
- **Muted (`#666666`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** grotesque-sans
- **Mono:** monospaced

- Navigation and labels are set in monospace, uppercase.
- Headlines use tight tracking and high weight.
- Body text uses a standard sans-serif for maximum legibility.

## Layout

Centered single-column layout for the hero, transitioning to multi-column feature sections.

*Rhythm:* Consistent 4px base with generous 24px gutters.

## Elevation & Depth

- Borders: Thin 1px solid black borders, emphasizing a wireframe and diagrammatic aesthetic.

## Shapes

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

## Components

- **button:** Solid black with white monospaced text, or ghost style with a 1px black border.
- **card:** Minimal, defined by 1px black borders and monospaced headers resembling terminal windows.
- **chip:** Small, orange background with white uppercase monospaced text.
- **input:** Minimal, 1px solid border with monospaced labels.
- **hero:** Massive bold geometric headline with a monospaced tagline and CTA buttons.

## Do's and Don'ts

**Don't:**
- Don't use drop shadows — screenshot shows flat, 1px borders for all surfaces.
- Don't use vibrant multi-color gradients — screenshot shows a strict monochrome palette with a single orange accent.
- Don't use decorative serif or script fonts — screenshot shows strict geometric sans and monospaced categories.
- Don't use rounded corners on primary elements — screenshot shows sharp, 0px radius borders.
- Don't use lowercase for navigation — screenshot shows strict uppercase monospaced lettering for all nav items.
- Don't use center-aligned body text — screenshot shows strict left or center alignment only for headlines and CTAs.

---

## System Prompt (paste into AI agent)

```
This site is a technical developer tool focused on AI sandboxes, positioned with a 'blueprint' or 'wireframe' aesthetic. It uses a strict black-and-white palette with a single high-chroma orange accent (#FF8800). Typography relies on a combination of geometric sans-serif for massive display headlines and monospaced fonts for navigation, labels, and smaller UI elements. The layout is clean and spacious, defined by thin 1px black borders that give the components a technical, terminal-like feel. Critical constraints: Never use drop shadows or gradients; always use monospaced fonts for navigation and CTAs; keep the palette strictly monochrome with orange as the only exception.
```