---
name: Alecbabala
description: "A strong example of how a restricted color palette and minimal typography can create a cohesive and impactful personal brand."
version: alpha

colors:
  background: "#194AE9"
  primary: "#FFFFFF"
  secondary: "rgba(255,255,255,0.72)"
  line: "rgba(255,255,255,0.08)"

typography:
  display:
    fontFamily: monospace
    fontSize: 16px
    lineHeight: 1.575
    fontWeight: 400
    letterSpacing: "0px"
  body:
    fontFamily: sans-serif
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

A minimal, monochromatic blue personal portfolio.

*A photographer's physical darkroom bathed in a single blue light, displaying prints.*

## Colors

Strict monochromatic blue with white text for maximum contrast and focus.

- **Background (`#194AE9`)** — uses `bg` token
- **Primary text (`#FFFFFF`)** — uses `ink` token
- **Secondary text (`rgba(255,255,255,0.72)`)** — uses `ink-soft` token
- **Borders (`rgba(255,255,255,0.08)`)** — uses `line` token

## Typography

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

## Layout

Single-column, centered layout.

*Rhythm:* Generous vertical rhythm with large gaps (55px, 64px, 96px).

## Elevation & Depth

- Borders: None visible.

## Shapes

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

## Components

- **button:** No visible buttons.
- **card:** Image cards with a slight blue tint.
- **chip:** No visible chips.
- **input:** No visible inputs.
- **hero:** Simple text header with the name.

## Do's and Don'ts

**Don't:**
- don't use serif fonts — screenshot shows only monospace and sans-serif.
- don't use multiple background colors — screenshot shows a solid blue background throughout.
- don't add decorative borders or shadows — screenshot shows a flat design with no borders.
- don't use uppercase text — screenshot shows all text is lowercase.
- don't use complex grids — screenshot shows a simple single-column centered layout.
- don't use bright, high-chroma accent colors — screenshot shows a strict blue and white palette.

---

## System Prompt (paste into AI agent)

```
A minimal, personal portfolio site with a strong monochromatic blue identity. The design uses a single vibrant blue (#194AE9) as the background with white (#FFFFFF) and semi-transparent white text. Typography is a mix of monospace (Courier Prime) for headlines and sans-serif (Inter/system-ui) for body text, all in lowercase. Key layout is a single centered column with generous vertical spacing. Critical donts: no serif fonts, no multiple background colors, no decorative borders or shadows, no uppercase text, no complex grids, and no bright accent colors.
```