Brand Identity

# adiuvAI

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

Design Concept

## 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 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.

Logo Variants

## 7 File Canonici

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

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

Color Palette

## 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

Typography

## 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

Developer Reference

## 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