---
name: Earlydog
description: "Strong example of how Bauhaus-inspired geometric design can humanize enterprise cloud infrastructure branding."
version: alpha

colors:
  background: "#FFF9F0"
  primary: "#000609"
  tertiary: "#0A65DB"
  neutral: "#BFB1A3"
  line: "rgba(0, 6, 9, 0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 116px
    lineHeight: 1.03
    fontWeight: 700
    letterSpacing: "-1px"
  display-md:
    fontFamily: geometric-sans
    fontSize: 80px
    lineHeight: 1.1
    fontWeight: 700
    letterSpacing: "-1px"
  body:
    fontFamily: humanist-sans
    fontSize: 18px
    lineHeight: 1.78
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

Playful, geometric SaaS branding that humanizes cloud infrastructure through bold typography and abstract shapes.

*A digital Bauhaus studio for cloud operations*

## Colors

High-contrast geometric palette using a warm cream base with primary pops

- **Background (`#FFF9F0`)** — uses `bg` token
- **Primary text (`#000609`)** — uses `ink` token
- **Accent (`#0A65DB`)** — uses `accent` token
- **Muted (`#BFB1A3`)** — uses `muted` token
- **Borders (`rgba(0, 6, 9, 0.1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** humanist-sans
- **Mono:** monospace

## Layout

Full-bleed hero with asymmetric text/graphic split

*Rhythm:* Generous vertical spacing with 120px-128px section padding

## Elevation & Depth

- Borders: 1px solid rgba(0, 6, 9, 0.1) on buttons, 3px solid on active states

## Shapes

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

## Components

- **button:** Pill-shaped outline buttons with thick black border and bold text
- **card:** N/A - Layout uses graphic compositions instead of traditional cards
- **chip:** N/A
- **input:** N/A
- **hero:** Large split layout with bold 2-line headline and geometric graphic composition

## Do's and Don'ts

**Don't:**
- Don't use a dark background — screenshot shows a warm cream (#FFF9F0) base
- Don't use serif typography — screenshot shows geometric and humanist sans-serif fonts only
- Don't use rounded cards with drop shadows — screenshot shows flat geometric compositions with no shadows
- Don't use muted, desaturated colors — screenshot shows high-chroma primary accents (blue, orange, yellow)
- Don't use gradient backgrounds — screenshot shows solid flat colors and geometric shapes
- Don't use thin, light typography — screenshot shows bold 700-weight headlines with tight letter spacing
- Don't use standard rectangular buttons — screenshot shows pill-shaped buttons with thick black borders

---

## System Prompt (paste into AI agent)

```
EarlyDog is a cloud infrastructure SaaS company using a Bauhaus-inspired visual system. The palette centers on warm cream (#FFF9F0) with high-contrast black (#000609) text and vibrant geometric accents in blue (#0A65DB), orange-red (#EF4C2C), and yellow (#FFD100). Typography uses geometric sans-serif for display and humanist sans-serif for body, with extremely bold headlines (700 weight) and generous line heights. Critical don'ts: never use dark backgrounds, never use serif fonts, never add drop shadows to elements, never use gradient fills, and never use thin typography weights. The layout favors asymmetric splits with large graphic compositions rather than traditional card-based designs.
```