Video for developers

A literal blueprint: navy ground, pale line‑work.

Same grid motif and section rhythm as the default, redrawn as drafting‑table blue. The orange accent is unchanged — against navy it reads as a grease‑pencil mark‑up.

Same faces, unchanged.

Rubik (substitute for Rotonto), Inter (substitute for Aeonik), and JetBrains Mono carry over exactly — only their colors follow the blueprint palette.

The same key and morph pill.

Identical lift and radius‑morph mechanics; shadow ledges lighten instead of darken to stay visible on navy.

Quick token summary.

:root {
  --color-navy:           #14335e;   /* blueprint navy canvas */
  --color-navy-light:     #1b3e6c;
  --color-navy-lighter:   #234a7d;
  --color-navy-deep:      #0e2749;

  --color-line:           #2c5089;
  --color-text:           #eaf1ff;
  --color-text-muted:     #9fb6dc;

  --color-orange:         #ff6100;
  --color-orange-dark:    #ba4300;
  --color-pink-brand:     #fa50b5;

  --font-display: "Rubik", sans-serif;
  --font-body:    "Inter", sans-serif;
  --font-mono:    "JetBrains Mono", monospace;

  --spacing: 1.75rem;
  --max-width-content: 42rem;
  --radius-4: 112px;

  --ease-in-out-energetic: cubic-bezier(.7, 0, .3, 1);
  --ease-out-energetic:    cubic-bezier(.2, .3, .65, 1);
}