---
name: Danny Garcia
description: "This portfolio demonstrates how a developer can showcase technical skill through creative 3D implementation while maintaining elegant, readable design."
version: alpha

colors:
  background: "#0f0f10"
  primary: "#d1c5ad"
  secondary: "#c8c8c8"
  neutral: "#a0a0a0"
  line: "rgba(200,200,200,0.85)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 104px
    lineHeight: 0.9
    fontWeight: 700
    letterSpacing: "-1px"
  heading:
    fontFamily: geometric-sans
    fontSize: 48px
    lineHeight: 1.4
    fontWeight: 600
    letterSpacing: "0px"
  subheading:
    fontFamily: geometric-sans
    fontSize: 32px
    lineHeight: 1.5
    fontWeight: 600
    letterSpacing: "0px"
  body:
    fontFamily: geometric-sans
    fontSize: 24px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"
  small:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

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

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

---

## Overview

A dark, sophisticated developer portfolio featuring bold typography and 3D floating spheres

*A creative engineer's digital business card with 3D abstract art*

## Colors

Dark void with warm cream typography and vibrant 3D sphere accents

- **Background (`#0f0f10`)** — uses `bg` token
- **Primary text (`#d1c5ad`)** — uses `ink` token
- **Secondary text (`#c8c8c8`)** — uses `ink-soft` token
- **Muted (`#a0a0a0`)** — uses `muted` token
- **Borders (`rgba(200,200,200,0.85)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** geometric-sans

- Display sizes use tight leading (0.9) for dramatic impact
- Body text maintains comfortable 1.5 line-height
- Semi-bold (600) used for emphasis and subheadings

## Layout

Asymmetric layout with large 3D visuals overlapping text sections

*Rhythm:* 4px base grid with generous 48-96px vertical spacing between major sections

## Elevation & Depth

- 0 0 120px rgba(80,120,200,0.15) — subtle colored glow behind 3D spheres
- Borders: rgba(200,200,200,0.85) used as text color and border color

## Shapes

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

## Components

- **button:** No traditional buttons; text links with underline styling
- **card:** Work experience sections with company name and description in two-column layout
- **hero:** Large name headline with floating 3D spheres as decorative elements

## Do's and Don'ts

**Don't:**
- Don't use light backgrounds — screenshot shows dark (#0f0f10) background throughout
- Don't add multiple accent colors — screenshot relies on 3D sphere gradients, not UI accent colors
- Don't use tight line-height for body text — screenshot shows generous 1.5 leading
- Don't add visible card borders — screenshot uses dark-on-dark layering without borders
- Don't center all text — screenshot shows left-aligned typography consistently
- Don't use small type for headlines — screenshot features 104px display size for name

---

## System Prompt (paste into AI agent)

```
This is a senior developer portfolio site with a dark, sophisticated aesthetic. Key colors are very dark background (#0f0f10), warm cream text (#d1c5ad), and muted gray (#c8c8c8) for body text. Typography uses Avenir Next, a geometric sans-serif, with bold display sizes up to 104px. The design features interactive 3D floating spheres with purple, blue, and teal gradients as decorative elements against the dark void. Critical donts: never use light backgrounds, never add visible card borders, never center all text, always maintain generous spacing (48-96px), never use small display sizes. The layout is asymmetric with content flowing around 3D visual elements. This site represents the intersection of engineering skill and visual creativity, making it valuable as a premium portfolio reference.
```