Three directions spanning from "Ledger with more personality" to a full departure. Not linked anywhere on the live site. Hover the buttons and cards, everything here is real CSS so motion reads properly, not just a static mockup.
Same bones as the live site: white background, ink type, blue accent. Personality comes from a second accent colour used only on hover and highlight marks, a hand-marked highlighter effect behind key words, and cards that tilt slightly on hover instead of sitting dead flat.
I build B2B marketing engines from zero to exit.
16+
Years in B2B marketing
3x
Acquired
2x
Built from zero to exit
Near-black background, acid-lime accent, a second electric blue for contrast. The hero statement gets an animated gradient sheen. Cards glow on hover rather than just lifting. High energy, high contrast, built for confidence rather than comfort.
I build B2B marketing engines from zero to exit.
16+
Years in B2B marketing
3x
Acquired
2x
Built from zero to exit
Warm cream paper, a terracotta and marigold duo, and a characterful serif (Fraunces) standing in for the current grotesk. Tags sit at a slight rotation like stickers, cards have asymmetric rounded corners, and the primary button goes italic on hover. Bold through warmth and craft rather than volume.
I build B2B marketing engines from zero to exit.
16+
Years in B2B marketing
3x
Acquired
2x
Built from zero to exit
Pulled from the real CSS on select.supabase.com: near-black background (#050505), their signature green (#3ecf8e) plus a cyan (#00bcfe), Manrope for headings, and Martian Mono standing in for their pixel-style Departure Mono on labels, tags and numbers. A faint diagonal hatch texture sits behind everything, and cards get a green outline glow on hover rather than a soft shadow. Sharp 6px corners on panels, pill-free buttons.
I build B2B_marketing_engines from zero to exit.
16+
Years in B2B marketing
3x
Acquired
2x
Built from zero to exit
Direction A's exact mechanics (Space Grotesk and Inter, the highlighter mark behind key words, cards that tilt on hover, pill buttons) recoloured with Direction D's real Supabase palette: near-black background, white ink, green primary accent, cyan secondary. Same shapes and motion as Ledger+, just lights-out.
I build B2B marketing engines from zero to exit.
16+
Years in B2B marketing
3x
Acquired
2x
Built from zero to exit