Design inspiration curated from X

How was Quattro created? It all began with a number — four. A symbo... - Keileth

Published by Keileth on November 15, 2025.

How was Quattro created? It all began with a number — four. A symbo... - Keileth - UI design by @keilethh on X
How was Quattro created? It all began with a number — four. A symbol of balance, direction, and structure. In Spanish, it’s "cuatro" simple, almost ordinary. So we reimagined it as Quattro, a word that feels global, ref...

Design notes

How was Quattro created? It all began with a number — four. A symbol of balance, direction, and structure. In Spanish, it’s "cuatro" simple, almost ordinary. So we reimagined it as Quattro, a word that feels global, refined, and timeless. It became more than a name; it became

This entry is part of MotionVault's curated archive of interface, product, brand, website, and motion design references from public creators on X.

Image rights and licensing remain with Keileth; use the original X post for source and licensing inquiries.

Deep Clone · React 19 + Framer Motion

Interactive Sandbox & Production Code

Reverse-engineered 1:1 component with spring physics, accessible keyboard controls, and modular Tailwind CSS.

https://northlight.design/sandbox/1989705960391155903
Launch Sandbox ↗

Reference details

Creator
Keileth
X handle
@keilethh
Published
November 15, 2025
Media
4 visual references
Views
4,686
Likes
163
Bookmarks
73

Related tags