# Vivid Gradient Future Deck

## Overview
A forward-looking AI/tech keynote language: a saturated four-vertex **mesh gradient** fills every 16:9 slide edge-to-edge, glowing curves and abstract 3D forms (spheres, ribbons, fluid blobs) float on top, and a heavy geometric sans shouts over it. Depth is never a black shadow — it is a vertex-colored glow. The whole identity reads at a glance as "next-generation tech." Where the Consulting Ghost Deck whispers in monochrome, this deck radiates in color; the persuasion is emotional impact, not data restraint.

## Colors & Roles
Canonical mode is **dark**: a deep violet-black canvas under a saturated mesh gradient is the style's core. The gradient's four vertices are fixed and traced from the pack — deep violet `#3A1C71`, magenta `#D11D8E`, electric blue `#2563EB`, cyan `#06B6D4` — carried verbatim into `chart-1..4` and `effects.gradient`. `primary` is magenta, `secondary` electric blue, `accent` the glow cyan `#7DF9FF` (`chart-5`), reserved for exactly one emphasized element per chart or diagram. Text is white; secondary text is light lavender. Surfaces are translucent glass (`rgba(255,255,255,0.12)`) with 1pt translucent-white borders — `border`/`input` keep that glass rgba rather than a solid. `destructive` maps to magenta (the palette has no red — chromatically closed). The dark surface neutrals (`background`, `card`, `muted`) are derived from the deep-violet vertex hue (~292); the entire **light** map is an authored adaptation (light lavender canvas, same vertex accents) for print or bright environments, absent from the source spec.

## Typography Rules
Two families: **Space Grotesk** (display/heading/metric) for Latin, **Inter** for body, with Pretendard/Noto Sans KR for Korean. Deck type steps, in pt on a 13.33in × 7.5in canvas: display (cover title) 52pt / bold / −0.02em; heading 38pt / bold / −0.02em; hero metric 88pt / bold — the single largest element on any slide; body 25pt / regular / 1.4 line-height, at most 6 lines per slide; caption 16pt / medium / +0.1em / uppercase as section labels. Value labels on charts are 16pt Space Grotesk Bold with tabular figures. Type sits directly on the gradient and must stay legible — white with a subtle glow, never a low-contrast tint.

## Layout Principles
16:9 canvas, 12-column grid. The background is full-bleed with no margin; content lives inside a safe area of 0.9in left/right, 0.8in top/bottom. Compose asymmetrically: text left or center, 3D forms on the opposite side cropped off the edge. Rotate the gradient's vertex positions slide to slide so the same background never repeats. Cards max 3 per slide; body max 6 lines.

## Depth & Elevation
Depth is color glow, never black. 3D shapes carry a 32pt outer glow; cards and forms cast a vertex-colored glow shadow (blur 40pt, ~35% opacity, zero offset). Glass surfaces use backdrop blur. Black hard shadows and grayscale flat fills are banned outright.

## Shapes
20pt border-radius everywhere — cards, nodes, images. Borders are 1pt translucent white only. Number badges are circular, vertex-color filled with an outer glow. No right-angle cards, no black borders.

## Component Stylings
- **Cover / title block**: full-bleed 4-color mesh, 52pt white title left or center, a glowing 3D sphere cropping in from the opposite edge, 16pt uppercase caption label at the bottom.
- **Glass card**: `rgba(255,255,255,0.12)` fill, 1pt `rgba(255,255,255,0.30)` border, 20pt radius, backdrop blur, vertex-color glow shadow. Max 3 per slide.
- **Charts**: SVG precision — no gridlines, no legend box, no data-area border; axis is a 0.75pt translucent-white hairline or omitted. Lines are vertex-color 3pt strokes + 12pt outer glow, with glow dots (4pt white core + 8pt color halo) at vertices. Bars are single vertex-color fills, 8pt radius, baseline at 0; one emphasis bar gets glow-cyan. Area fills fade vertex-color → transparent. Direct 16pt tabular value labels; series names labeled at the line end. No 3D widgets, rainbow palettes, truncated y-axes, or div-block bars.
- **Diagrams**: one shared language — glass nodes (20pt radius), vertex-color 2.5pt glowing connectors with glowing arrowheads, circular vertex-color number badges (Space Grotesk Bold 24pt white). Process, timeline, 2×2 matrix, comparison, hierarchy/funnel all derive from it; exactly one node/line is glow-cyan. SVG only, no div blocks.
- **KPI cards**: 2.8in × 2.2in glass cards — 88pt bold white hero number, 16pt uppercase label, vertex-color ▲▼ delta at 25pt, vertex-color glow shadow. Max 3 per slide.
- **Decoration**: glowing 3D forms (spheres, ribbons, fluid blobs) and glow curves only. No emoji, clipart, or flat 2D icons.

## Motion
Snappy. Slide transitions are Morph 0.6s (forms flow between slides) or Fade 0.4s; 3D shapes and hero metrics enter with Fade+Zoom. Emphasis easing is expressive (cubic-bezier 0.16, 1, 0.3, 1).

## Do's and Don'ts
**Do:** keep every background a four-vertex mesh gradient rotated per slide; express depth and emphasis with vertex-color glow; use translucent glass cards at 20pt radius; shout with heavy Space Grotesk over the gradient; decorate only with glowing 3D forms; reserve glow-cyan for one emphasis per chart.
**Don't:** use a default two-color purple-pink gradient or any flat/grayscale background; use black borders or black hard shadows; use right-angle cards; repeat the same gradient across slides; use emoji, clipart, or flat 2D icons; add gridlines, legend boxes, rainbow series, truncated y-axes, or 3D chart widgets.

## Slide Anatomy
- **Cover slide**: full-bleed mesh, 52pt white title (left or center), a glowing 3D sphere cropped in from the opposite edge, 16pt uppercase label bottom. No literal photography.
- **Content slide**: 38pt heading + up to 5 body lines on the left, two glass cards + one floating ribbon form on the right; the mesh continues behind everything with rotated vertices.
- **Metric slide**: up to three KPI glass cards, each an 88pt hero number over a 16pt label with a vertex-color delta and glow shadow.
- **Chart / exhibit slide**: one SVG glowing-line or vertex-color fade-area chart on a glass card; direct value labels, one glow-cyan emphasis, 0.75pt translucent-white axis, no gridlines or legend.
- **Diagram slide**: horizontal 4–5 step process or timeline in the shared node language — glass nodes, circular number badges, glowing vertex-color connectors, one glow-cyan active step.

## Agent Prompt Guide
> Build this presentation in the 'Vivid Gradient Future Deck' style: saturated full-bleed 16:9 slides whose background is a four-vertex mesh gradient (deep violet #3A1C71, magenta #D11D8E, electric blue #2563EB, cyan #06B6D4) built from stacked radial-gradients rotated per slide — never a two-color purple-pink gradient, never flat/grayscale. Depth and emphasis are vertex-color glow (blur 32–40pt, ~35%, zero offset), never black shadow. Cards and diagram nodes are translucent glass (rgba(255,255,255,0.12) fill, 1pt rgba(255,255,255,0.30) border, 20pt radius, backdrop blur). Heavy Space Grotesk Bold shouts over the gradient — 52pt cover, 38pt heading, 88pt hero metric — with 25pt Inter body and 16pt uppercase caption labels. Decorate only with glowing 3D forms and glow curves; charts and diagrams render precisely in SVG with glowing vertex-color lines, glow dots, rounded bars, and glass nodes, no gridlines/legends/rainbow/3D widgets; a single glow-cyan (#7DF9FF) marks one emphasis per exhibit. Motion is snappy (Morph 0.6s / Fade 0.4s, Fade+Zoom for shapes and metrics).

## Known Gaps / Confidence
Adapted from the MIT-licensed design-diversity pack `ppt-vivid-gradient-future` — an authored spec, not an extraction from a live deck, so all confidence fields are `manual`. This is a **ppt-track** entry: the shadcn token mapping is a web-rendering convenience (pt-based type steps, 16:9 frames, mesh gradient expressed as CSS radial-gradients). The canonical **dark** mode is native to the pack; the deep-violet surface neutrals are derived from the pack's vertex hue, and the entire **light** map is an authored adaptation absent from the source spec. The four mesh-vertex hexes are carried verbatim (never invented) and preserved in `effects.gradient` and `chart-1..5`.