Identity Forge
Next.js / Astro / SvelteKit

Acid Terrain

Acid Terrain translates adventure-travel poster vernacular into a digital design system. Every screen and section bleeds acid-lime (#f1ff2a); imagery arrives as generous rounded-corner die-cuts dropped directly onto that surface; typography is condensed, oversized, and ALL CAPS from display headings down to metadata strings. The palette is radically reduced — lime, near-black, and dark forest green — drawing all drama from scale and contrast, never from color complexity. GPS coordinates and date markers set in Space Mono provide a technical-editorial counterpoint to the raw poster energy of the Barlow Condensed display face.

Use this kitCustomize in StudioDownload DESIGN.md
editorial
bold
poster
color-surface
condensed-type
acid-lime
adventure
nature
festival
two-tone
uppercase
flat

acidterrain.com

acid-terrain

EXPLORE THE WILD

7 DAYS DEEP IN THE FOREST WITH AN EXPERT GUIDE AMONG UNTOUCHED NATURE

BOOK YOUR EXPEDITIONTokens

acidterrain.com

acid-terrain

EXPLORE THE WILD

7 DAYS DEEP IN THE FOREST WITH AN EXPERT GUIDE AMONG UNTOUCHED NATURE

BOOK YOUR EXPEDITIONTokens

Exports

DESIGN.mdDTCG tokens JSONCSS variablesTailwind v3 configTailwind v4 themeshadcn registry JSONRegistry install endpoint

Agent Prompt Surface

---
# Machine-readable tokens (the WHAT). The prose body gives the WHY + the rules.
colors:
  roles_light:
    background: "#F1FF2A"
    foreground: "#0C0E00"
    card: "#E8F520"
    card-foreground: "#0C0E00"
    popover: "#DBED15"
    popover-foreground: "#0C0E00"
    primary: "#0C0E00"
    primary-foreground: "#F1FF2A"
    secondary: "#2F3412"
    secondary-foreground: "#E8F427"
    muted: "#D4E41A"
    muted-foreground: "#3A3D00"
    accent: "#3F5B45"
    accent-foreground: "#F1FF2A"
    destructive: "#CC1100"
    destructive-foreground: "#FFFFFF"
    border: "#0C0E00"
    input: "#C9D910"
    ring: "#0C0E00"
    success: "#1A5C2A"
    success-foreground: "#F1FF2A"
    warning: "#FF8C00"
    warning-foreground: "#0C0E00"
    chart-1: "#F1FF2A"
    chart-2: "#2F3412"
    chart-3: "#0C0E00"
    chart-4: "#7AB648"
    chart-5: "#CE9420"
  palette:
    - { name: "acid-lime", hex: "#f1ff2a", role: "brand-surface" }
    - { name: "lime-warm", hex: "#fdff2e", role: "brand-surface-alt" }
    - { name: "lime-soft", hex: "#e8f42f", role: "brand-surface-muted" }
    - { name: "lime-deep", hex: "#eefc2a", role: "brand-surface-variant" }
    - { name: "near-black", hex: "#0c0e00", role: "ink" }
    - { name: "deep-void", hex: "#010303", role: "ink-absolute" }
    - { name: "forest-dark", hex: "#2f3412", role: "accent" }
    - { name: "forest-mid", hex: "#3f5b45", role: "accent-secondary" }
    - { name: "amber-gold", hex: "#ce9420", role: "data-viz" }
    - { name: "leaf-green", hex: "#7ab648", role: "data-viz" }
    - { name: "sage", hex: "#a4ac74", role: "muted-accent" }
    - { name: "forest-sage", hex: "#999758", role: "muted" }
    - { name: "deep-teal", hex: "#314a54", role: "muted-dark" }
    - { name: "chart-lime", hex: "#f1ff2a", role: "data-viz" }
    - { name: "chart-forest", hex: "#2f3412", role: "data-viz" }
    - { name: "chart-void", hex: "#0c0e00", role: "data-viz" }
    - { name: "chart-leaf", hex: "#7ab648", role: "data-viz" }
    - { name: "chart-amber", hex: "#ce9420", role: "data-viz" }
    - { name: "chart-mint", hex: "#6dbf8d", role: "data-viz" }

shadcn CSS Variables

/* Generated by Identity Forge design kits */
@import url("https://fonts.googleapis.com/css2?family=Barlow%20Condensed:wght@400;500;600;700&family=Space%20Mono:wght@400;700&display=swap");

:root {
  --radius: 1.5rem;
  --font-heading: 'Barlow Condensed', sans-serif;
  --font-sans: 'Space Mono', monospace;
  --font-mono: 'Space Mono', monospace;
  --background: 64 100% 58%;
  --foreground: 69 100% 3%;
  --card: 64 91% 54%;
  --card-foreground: 69 100% 3%;
  --popover: 65 86% 51%;
  --popover-foreground: 69 100% 3%;
  --primary: 69 100% 3%;
  --primary-foreground: 64 100% 58%;
  --secondary: 69 49% 14%;
  --secondary-foreground: 64 90% 55%;
  --muted: 65 80% 50%;
  --muted-foreground: 63 100% 12%;
  --accent: 133 18% 30%;
  --accent-foreground: 64 100% 58%;
  --destructive: 5 100% 40%;
  --destructive-foreground: 0 0% 100%;
  --border: 69 100% 3%;
  --input: 65 86% 46%;
  --ring: 69 100% 3%;
  --success: 135 56% 23%;
  --success-foreground: 64 100% 58%;
  --warning: 33 100% 50%;
  --warning-foreground: 69 100% 3%;
  --chart-1: 64 100% 58%;
  --chart-2: 69 49% 14%;
  --chart-3: 69 100% 3%;
  --chart-4: 93 43% 50%;
  --chart-5: 40 73% 47%;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: 0 4px 24px 0 rgba(0,0,0,0.20);
  --shadow-xl: 0 8px 48px 0 rgba(0,0,0,0.28);
  --gradient-hero: linear-gradient(180deg, #f1ff2a 0%, #d8eb18 100%);
  --gradient-brand: linear-gradient(135deg, #f1ff2a 0%, #2f3412 100%);
  --gradient-subtle: linear-gradient(180deg, #f1ff2a 0%, #e8f42f 100%);
  --duration: 120ms;
  --duration-slow: 280ms;
  --ease: cubic-bezier(0.0, 0.0, 0.2, 1);
  --tracking-tight: 0em;
  --tracking-normal: 0.08em;
  --font-weight-heading: 900;
  --font-weight-body: 400;
  --button-radius: 9999px;
  --card-radius: 1.5rem;
  --input-radius: 0.25rem;
  --badge-radius: 9999px;
  --border-width: 2px;
  --card-border-width: 0;
  --input-border-width: 2px;
  --button-border-width: 0;
  --badge-border-width: 0;
  --heading-transform: uppercase;

Install Targets

Registry

/r/acid-terrain.json

Tailwind v4

@theme inline {
  --font-heading: 'Barlow Condensed', sans-serif;
  --font-sans: 'Space Mono', monospace;
  --font-mono: 'Space Mono', monospace;
  --color-background: hsl(var(--background));
  --color-foreground: hsl(var(--foreground));
  --color-card: hsl(var(--card));
  --color-card-foreground: hsl(var(--card-foreground));
  --color-popover: hsl(var(--popover));
  --color-popover-foreground: hsl(var(--popover-foreground));
  --color-primary: hsl(var(--primary));
  --color-primary-foreground: hsl(var(--primary-foreground));
  --color-secondary: hsl(var(--secondary));
  --color-secondary-foreground: hsl(var(--secondary-foreground));
  --color-muted: hsl(var(--muted));
  --color-muted-foreground: hsl(var(--muted-foreground));
  --color-accent: hsl(var(--accent));
  --color-accent-foreground: hsl(var(--accent-foreground));
  --color-destructive: hsl(var(--destructive));
  --color-destructive-foreground: hsl(var(--destructive-foreground));
  --color-border: hsl(var(--border));
  --color-input: hsl(var(--input));
  --color-ring: hsl(var(--ring));
  --color-success: hsl(var(--success));
  --color-success-foreground: hsl(var(--success-foreground));
  --color-warning: hsl(var(--warning));
  --color-warning-foreground: hsl(var(--warning-foreground));
  --color-chart-1: hsl(var(--chart-1));
  --color-chart-2: hsl(var(--chart-2));
  --color-chart-3: hsl(var(--chart-3));
  --color-chart-4: hsl(var(--chart-4));
  --color-chart-5: hsl(var(--chart-5));
  --radius-sm: 0.25rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2rem;
  --radius-button: 9999px;
  --radius-card: 1.5rem;
  --radius-input: 0.25rem;
  --radius-badge: 9999px;
  --border-width: 2px;
  --card-border-width: 0;
  --input-border-width: 2px;
  --button-border-width: 0;
  --badge-border-width: 0;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: 0 4px 24px 0 rgba(0,0,0,0.20);
  --shadow-xl: 0 8px 48px 0 rgba(0,0,0,0.28);
  --tracking-tight: 0em;
  --tracking-normal: 0.08em;
  --ease-kit: cubic-bezier(0.0, 0.0, 0.2, 1);
  --duration-kit: 120ms;
  --duration-kit-slow: 280ms;
  --gradient-hero: linear-gradient(180deg, #f1ff2a 0%, #d8eb18 100%);
  --gradient-brand: linear-gradient(135deg, #f1ff2a 0%, #2f3412 100%);
  --gradient-subtle: linear-gradient(180deg, #f1ff2a 0%, #e8f42f 100%);
  --font-weight-heading: 900;
  --font-weight-body: 400;
}

Registry payload

{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "acid-terrain",
  "type": "registry:theme",
  "title": "Acid Terrain",
  "description": "Bold editorial poster system on a pervasive acid-lime surface with oversized condensed type, die-cut photo cards, and a strict two-tone palette.",
  "categories": [
    "editorial",
    "bold",
    "poster",
    "color-surface",
    "condensed-type",
    "acid-lime",
    "adventure",
    "nature",
    "festival",