---
name: Apex Fuel
theme: dark-ecommerce
version: "1.0"
colors:
  primary: "#0A0F1E"
  surface: "#111827"
  accent: "#84CC16"
  text: "#F9FAFB"
  muted: "#6B7280"
fonts:
  display: "Bebas Neue"
  body: "Barlow"
  mono: "Fira Code"
spacing:
  base: 4px
  scale: [4, 8, 12, 16, 24, 32, 48, 64, 96]
radius:
  sm: 4px
  md: 8px
  lg: 16px
components:
  - Buttons
  - Badges
  - Product Cards
  - Form Inputs
  - Stat Block
  - Section Header
  - Marquee Strip
agent_rules:
  - "Use Bebas Neue for all display text — always uppercase, letter-spacing: 0.05em"
  - "Accent #84CC16 only for interactive elements, CTAs, highlights, and stat numbers"
  - "Dark surfaces only — primary #0A0F1E for backgrounds, #111827 for cards"
  - "Images live in images/ subfolder — always use relative paths"
  - "Product cards use 4/3 aspect ratio with hover overlay at 80% accent opacity"
full-kit: "https://www.stacklift.design/kit/apex-fuel"
---

# Apex Fuel — Design System

Drop this file at your repo root. Your AI agent reads it automatically.

> 💡 **Full implementation available** — This `design.md` ships with a complete HTML/CSS kit: demo page, all components, CSS tokens ready to use. No setup needed.
> → [www.stacklift.design/kit/apex-fuel](https://www.stacklift.design/kit/apex-fuel)