Visual-design references captured from live marketing sites. Each folder holds a
Markdown extract (Download DESIGN.md) describing the design language, plus a
self-contained HTML preview that rebuilds it from tokens.
An enterprise data-infrastructure brand built on a warm-paper ground, a single cobalt-blue accent, and a signature "frame + tiles" grid — a colored rectangle holding white cards separated by a 2px gap. Serif headlines (Plantin) over a light grotesque body face (Lab Grotesque).
A warm-paper, soft-object aesthetic for a "vibe coding" app builder. Off-white canvas, small 6–10px radii everywhere, a dark charcoal primary button, and two sparing accent hues (orange, blue) against a rounded proprietary display face.
A warm-paper, hand-drawn "duck pond" aesthetic laid over a crisp spec-sheet structure. Heavy 2px ink borders, flat blur-free offset shadows, near-square corners, and a five-hue accent system for interactive architecture diagrams.
A warm engineering‑drawing aesthetic for a video‑API company. Warm off‑white canvas, framed columns with context‑colored rules, a graph‑paper grid motif, and pushable‑key CTA buttons.
A near‑black, high‑density engineering‑terminal aesthetic. Dark ground, white at graded opacities, square corners, and a single terminal‑green accent. Emphasis is via opacity and spec‑sheet structure.
A dark cinematic look for an AI research lab. Near‑black canvas, electric‑blue accent, alternating dark and mint sections, and three type voices (serif display, pixel‑mono, sans‑serif).
A browser‑based hero‑background generator with a print‑shop and outboard‑gear metaphor. Warm paper stock, registration marks, and a single orange‑red accent CTA.