Ambiens
Dare una struttura visibile a un lavoro che attraversa spazio, software e interazione.
Il nuovo sito organizza il mondo Ambiens in tre aree: Surface, System e Scan. Tipografia, colore e movimento tengono insieme lo studio, le competenze e i progetti.
Identità
Il nome a tracciati, bianco su nero. Le tre aree, Surface, System e Scan, hanno ciascuna un colore: è quello a orientare la navigazione, non un simbolo.
Il lavoro
Sistema
Nero e bianco come impianto. Poi un colore per area: magenta per Surface, arancio per System, ciano per Scan. Il colore non decora: dice dove sei.
Spazio, software, interazione.
SURFACE · SYSTEM · SCAN
Etichette, indici, richiami ai bordi: la voce tecnica del sistema.
Come è fatta
- Un design system a token, unica fonte di verità: JSON nel formato W3C DTCG, compilato da Style Dictionary in CSS, SCSS, JS/TS, JSON e preset Tailwind.
- Tre livelli, mai saltati: primitivi senza significato, semantici per scopo, di componente per una sola variante. Un validatore in CI blocca chi consuma i primitivi.
- Quattro modi ortogonali: area (Surface, System, Scan) per l’accento, tema chiaro/scuro, densità, e movimento ridotto che azzera le durate.
- Il sito è l’applicazione del sistema: stessa struttura per studio, competenze e progetti, con due livelli di lettura, il colpo d’occhio e l’approfondimento.
Un impianto comune per raccontare lavori diversi, con due livelli di lettura: il colpo d’occhio e l’approfondimento.