Brand Identity

adiuvAI

Il tuo compasso nel lavoro quotidiano — l'AI che ti indica sempre la direzione giusta.

Il Compasso

Non il gesto dell'aiuto, ma il suo significato più profondo: qualcuno che ti indica la strada. Un ago di bussola che oscilla e si ferma sempre a nord.

NORD · AI SUD · YOU
Nord dorato = l'AI

La punta superiore (#fbc881) punta sempre verso l'alto — verso l'obiettivo. È l'AI: calda, orientata, che guida senza invadere.

Sud scuro = l'utente

La punta inferiore (#040404) è ancorata alla realtà. L'utente con le sue attività, i suoi progetti, il suo lavoro concreto.

L'oscillazione (animazione)

Il mark oscilla leggermente come un vero ago prima di fermarsi — trovare il nord. Un dettaglio quasi impercettibile, fedele alla brand personality "calma, mai appariscente".

Il diamante (forma)

Due triangoli che formano un rombo. Forma archetipica, funziona a 16px come a 512px. La divisione orizzontale racconta la relazione senza bisogno di parole.

7 File Canonici

Ogni variante usa gli stessi due triangoli — cambiano solo colore e scala.

adiuvAI full logo
Full Logo logo-full.svg
adiuvAI white
White Variant logo-white.svg
mark
Mark logo-mark.svg
icon
App Icon logo-icon.svg
wordmark
Wordmark logo-wordmark.svg
favicon 16×16 px
Favicon favicon.svg
black
Black Variant logo-black.svg

Colori Brand

Estratti direttamente da globals.css. Canvas rosato caldo in light; monocromo rigoroso in dark.

#fbc881
Golden
Nord · AI · Accent
#f4edf3
Canvas Light
Sfondo light mode
#0c0c0c
Canvas Dark
Sfondo dark mode
#040404
Ink
Sud · utente · testo
#fbfbfb
Paper
Testo dark mode
#8a8ea9
Slate
Secondario · muted
#c8c3cd
Lavender
Bordi · muted
#323232
Graphite
Dark surfaces

Geist · System Sans-Serif

Geometrico, pulito, sicuro. @fontsource/geist nell'app; system-ui come fallback.

Display · 48px · 700
adiuvAI
Heading · 28px · 600
Workspace intelligente, locale, caldo.
Body · 16px · 400
adiuvAI organizza i tuoi progetti, task e note in un workspace calmo — con un AI che ti guida silenziosamente verso gli obiettivi.
Label · 11px · 600 · Tracked
Brand Identity · Design System · 2026

Tailwind Config · File Tree

Token da aggiungere al blocco @theme di globals.css (Tailwind 4).

// globals.css — @theme inline
--brand-golden:   #fbc881; /* nord · AI */
--brand-canvas:   #f4edf3; /* light bg */
--brand-void:     #0c0c0c; /* dark bg */
--brand-ink:      #040404; /* sud · user */
--brand-slate:    #8a8ea9; /* secondary */
--brand-lavender: #c8c3cd; /* border */
--brand-graphite: #323232; /* dark surface */
--brand-paper:    #fbfbfb; /* light text */
assets/logo/
logo-mark.svgCompasso canonico · 64×64 · animato
logo-full.svgMark + wordmark · 320×72 · animato
Tlogo-wordmark.svgSolo testo · 200×40
logo-icon.svgApp icon · 512×512
·favicon.svgSemplificato · 16×16
logo-white.svgVariante bianca · su sfondo scuro
logo-black.svgVariante nera · su sfondo chiaro
🌐brand-showcase.htmlQuesta pagina