Prodigy

Design Direction

Infra Luxury: clean, technical, and unmistakably premium

This is the visual contract for investor-facing Prodigy surfaces. We combine infrastructure credibility with cinematic polish so the product feels both reliable and category-defining.

Core Principles

Infra clarity first

Every section answers one question: signal in, decision out, code shipped. No decorative ambiguity.

Premium restraint

Strong type, careful spacing, and sparse accent color. Feels expensive without being loud.

Operational confidence

Show states, status, and flow. Visual language should feel like a command center, not a brochure.

Proof over promises

Prefer measured outcomes, architecture views, and process traces to generic marketing claims.

Visual Tokens

Base Surface

Section Muted

Accent

Accent Deep

Ink

On Deep

Motion Rules

  • Use motion to explain flow, not decorate surfaces.
  • Default transitions: 180–260ms with soft easing.
  • One dominant animated element per viewport section.
  • Respect reduced-motion and preserve full readability.

Component Moodboard

Primary CTA

Status Badge

Agent Queue Healthy

Metric Card

94%

Spec-to-PR completion

Implementation Stack

Next.js + Tailwind

Fast iteration with strong production defaults.

Radix primitives

Accessible interactions with clean headless APIs.

Framer Motion

Narrative transitions for pipeline storytelling.

Shared token package

Keep web + analytics + app visually aligned.