Vibe Board
An interactive node-based canvas where you connect your creative instincts and it reveals your unique Design DNA.
Year
2026
Timeline
Jun 2026
Role
Design and build
Built with
Web · Framer
Framer 3.0
Agents
Overview
Vibe Board reimagines a Framer project as a real application. Four columns of nodes — mood, industry, color palette and typography — let you connect one choice from each. When all four link, the canvas fades and a Design DNA card appears: a named persona, a palette, a font pairing, and a one-line brand personality unique to that combination.
Highlights
Drag-and-connect node canvas with real-time SVG bezier lines
Four node columns: mood, industry, color palette and typography
Live progress HUD and a final reveal animation
A Design DNA card generated per combination
Connection-state logic handled with Agents
A closer look
Mood
Connect
Design DNA
