Identity Forge
Next.js / Remix / Astro

Verdura Print

Verdura Print draws from the risograph and screenprint poster tradition: exactly two colors (a pale cream and a lush forest green), every text element uppercase, condensed bold grotesque headlines at poster scale, monospace metadata, and hairline borders instead of shadows. Green functions as the sole ink color across all surfaces — text, borders, icons, and duotone photography share the same hue. Dark mode inverts to a deep forest ground with cream ink and bright mint accents, preserving the same two-color discipline throughout.

Use this kitCustomize in StudioDownload DESIGN.md
risograph
editorial
concert-poster
two-color
print-aesthetic
condensed-type
all-caps
music
cultural
monochrome
poster

verduraprint.com

Verdura

STRIPPED DOWN — LIVE IN JAKARTA

NOV 18 · GALLERY OF DISTRIK SENI, SARINAH · 20:00

GET TICKETSTokens

verduraprint.com

Verdura

STRIPPED DOWN — LIVE IN JAKARTA

NOV 18 · GALLERY OF DISTRIK SENI, SARINAH · 20:00

GET TICKETSTokens

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: "#FEF7FD"
    foreground: "#1A4A2E"
    card: "#FEFAF8"
    card-foreground: "#1A4A2E"
    popover: "#FEFAF8"
    popover-foreground: "#1A4A2E"
    primary: "#369C63"
    primary-foreground: "#000000"
    secondary: "#E8F3ED"
    secondary-foreground: "#1A4A2E"
    muted: "#EEF6F1"
    muted-foreground: "#3D6B50"
    accent: "#BAE4CB"
    accent-foreground: "#1A4A2E"
    destructive: "#B91C1C"
    destructive-foreground: "#FEF7FD"
    border: "#C8DFD3"
    input: "#C8DFD3"
    ring: "#369C63"
    success: "#2C995E"
    success-foreground: "#000000"
    warning: "#D97706"
    warning-foreground: "#000000"
    chart-1: "#369C63"
    chart-2: "#2C995E"
    chart-3: "#54AC7C"
    chart-4: "#227649"
    chart-5: "#A4CFB6"
  palette:
    - { name: "cream-white", hex: "#fef7fd", role: "background" }
    - { name: "soft-white", hex: "#fefafe", role: "background-alt" }
    - { name: "blush-white", hex: "#fdf4f5", role: "background-warm" }
    - { name: "warm-white", hex: "#fdfcfb", role: "background-neutral" }
    - { name: "brand-green", hex: "#369c63", role: "primary" }
    - { name: "dark-vibrant-green", hex: "#2c995e", role: "primary-dark" }
    - { name: "light-vibrant-green", hex: "#bae4cb", role: "accent" }
    - { name: "muted-green", hex: "#54ac7c", role: "secondary" }
    - { name: "dark-muted-green", hex: "#227649", role: "primary-deeper" }
    - { name: "light-muted-green", hex: "#a4cfb6", role: "muted" }
    - { name: "cool-grey-green", hex: "#d5dfd9", role: "border-neutral" }
    - { name: "border-green", hex: "#c8dfd3", role: "border-light" }
    - { name: "ink-dark", hex: "#1a4a2e", role: "foreground" }
    - { name: "ink-mid", hex: "#3d6b50", role: "muted-foreground" }
    - { name: "forest-black", hex: "#111d15", role: "dark-background" }
    - { name: "forest-card", hex: "#172a1e", role: "dark-surface" }
    - { name: "forest-muted", hex: "#19291f", role: "dark-muted" }
    - { name: "forest-border", hex: "#24402e", role: "dark-border" }
    - { name: "bright-mint", hex: "#7de3a3", role: "dark-primary" }

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: 0rem;
  --font-heading: 'Barlow Condensed', sans-serif;
  --font-sans: 'Space Mono', monospace;
  --font-mono: 'Space Mono', monospace;
  --background: 309 78% 98%;
  --foreground: 145 48% 20%;
  --card: 20 75% 98%;
  --card-foreground: 145 48% 20%;
  --popover: 20 75% 98%;
  --popover-foreground: 145 48% 20%;
  --primary: 146 49% 41%;
  --primary-foreground: 0 0% 0%;
  --secondary: 147 31% 93%;
  --secondary-foreground: 145 48% 20%;
  --muted: 142 31% 95%;
  --muted-foreground: 145 27% 33%;
  --accent: 144 44% 81%;
  --accent-foreground: 145 48% 20%;
  --destructive: 0 74% 42%;
  --destructive-foreground: 309 78% 98%;
  --border: 149 26% 83%;
  --input: 149 26% 83%;
  --ring: 146 49% 41%;
  --success: 148 55% 39%;
  --success-foreground: 0 0% 0%;
  --warning: 32 95% 44%;
  --warning-foreground: 0 0% 0%;
  --chart-1: 146 49% 41%;
  --chart-2: 148 55% 39%;
  --chart-3: 147 35% 50%;
  --chart-4: 148 55% 30%;
  --chart-5: 145 31% 73%;
  --shadow-sm: 0 0 0 1px #c8dfd3;
  --shadow-md: 0 2px 6px rgba(26,74,46,0.08),0 0 0 1px #c8dfd3;
  --shadow-lg: 0 4px 16px rgba(26,74,46,0.10);
  --shadow-xl: 0 8px 32px rgba(26,74,46,0.13);
  --gradient-hero: linear-gradient(180deg,#fef7fd 0%,#e8f3ed 100%);
  --gradient-brand: linear-gradient(135deg,#369c63 0%,#2c995e 100%);
  --gradient-subtle: linear-gradient(180deg,#fef7fd 0%,#eef6f1 100%);
  --duration: 120ms;
  --duration-slow: 260ms;
  --ease: cubic-bezier(0.4,0,0.2,1);
  --tracking-tight: 0em;
  --tracking-normal: 0.10em;
  --font-weight-heading: 900;
  --font-weight-body: 400;
  --button-radius: 0rem;
  --card-radius: 0rem;
  --input-radius: 0rem;
  --badge-radius: 0rem;
  --border-width: 1px;
  --card-border-width: 1px;
  --input-border-width: 1px;
  --button-border-width: 1px;
  --badge-border-width: 1px;
  --heading-transform: uppercase;

Install Targets

Registry

/r/verdura-print.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: 0rem;
  --radius-md: 0rem;
  --radius-lg: 0rem;
  --radius-xl: 0rem;
  --radius-button: 0rem;
  --radius-card: 0rem;
  --radius-input: 0rem;
  --radius-badge: 0rem;
  --border-width: 1px;
  --card-border-width: 1px;
  --input-border-width: 1px;
  --button-border-width: 1px;
  --badge-border-width: 1px;
  --shadow-sm: 0 0 0 1px #c8dfd3;
  --shadow-md: 0 2px 6px rgba(26,74,46,0.08),0 0 0 1px #c8dfd3;
  --shadow-lg: 0 4px 16px rgba(26,74,46,0.10);
  --shadow-xl: 0 8px 32px rgba(26,74,46,0.13);
  --tracking-tight: 0em;
  --tracking-normal: 0.10em;
  --ease-kit: cubic-bezier(0.4,0,0.2,1);
  --duration-kit: 120ms;
  --duration-kit-slow: 260ms;
  --gradient-hero: linear-gradient(180deg,#fef7fd 0%,#e8f3ed 100%);
  --gradient-brand: linear-gradient(135deg,#369c63 0%,#2c995e 100%);
  --gradient-subtle: linear-gradient(180deg,#fef7fd 0%,#eef6f1 100%);
  --font-weight-heading: 900;
  --font-weight-body: 400;
}

Registry payload

{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "verdura-print",
  "type": "registry:theme",
  "title": "Verdura Print",
  "description": "A two-color risograph-print design system inspired by an editorial concert poster — cream backgrounds, forest-green ink, oversized condensed type, and a flat print aesthetic rooted in screenprint culture.",
  "categories": [
    "risograph",
    "editorial",
    "concert-poster",
    "two-color",
    "print-aesthetic",
    "condensed-type",
    "all-caps",
    "music",
    "cultural",