Kaivros nasce all'incrocio tra precisione clinica e calore umano. Il lilla è l'anima, la crema il respiro, l'arancione il battito. Questa è la fonte di verità per ogni segno, colore, parola e pixel che pubblichiamo.
Il brand Kaivros vive nella pausa prima di una sessione, nel calore di una superficie crema, nella chiarezza di una singola frase. Professionale come uno studio clinico, accessibile come una conversazione.
Morbido, mai sterile. Superfici crema al posto del bianco freddo. Le transizioni sono graduali (0.2s), mai brusche.
Professionale senza distanza. Diciamo cosa fanno le cose, in minuscolo, senza punti esclamativi.
Italiano come lingua principale, inglese dove necessario. "Corpo · Testo · Leggibilità" convive con "Brand Identity".
Un wordmark composito: K in Bricolage Grotesque 700 + aivros in Outfit 500. Allineati alla baseline. La K è circa il 5% più grande del resto del testo.
Primario · Crema
Su bianco
Lilla Chiaro
Lilla Medio
Corallo
Arancione Chiaro
Dark mode
Viola
Abbina sempre il logo alla variante di sfondo corrispondente. Lascia uno spazio libero pari all'altezza della K su tutti i lati.
Usa il logo lilla primario su sfondi crema e bianchi. Usa la variante crema su superfici lilla chiaro e scure.
Scala proporzionalmente. Dimensione minima: 64px di altezza.
Non ricolorare il wordmark. Non applicare ombre, gradienti, contorni o effetti al logo.
Non posizionare il logo su fotografie affollate o sfondi a basso contrasto.
Non usare il logo in contenitori più piccoli di 64px di altezza. Non distorcere le proporzioni.
Il lilla primario definisce il tono emotivo. Il viola lo ancora. L'arancione e le tinte di supporto aggiungono energia e calore, usati con misura.
Usa Lilla Medio (#A98FD8) come colore primario per CTA, link e accenti.
Usa Crema (#F9F6EF) come sfondo principale — non il bianco puro.
Usa Viola Scuro (#2E1F40) per le sezioni dark e i testi headline di peso.
L'arancione è un accento: una sola occorrenza per schermata al massimo.
Non usare colori fuori dalla palette senza approvazione. Nessun rosso vivo, nessun blu generico.
Non accostare Lilla Medio su sfondo bianco puro per il testo — il contrasto non è sufficiente.
Non usare più di tre colori della palette in uno stesso componente.
Bricolage Grotesque ha personalità — riservala al logo e ai titoli principali. Outfit governa l'interfaccia. Noto Sans si occupa del corpo del testo.
Un ritmo coerente e misurabile. Il padding di default è 16px (confortevole), 24px (generoso), 32px (spazio per respirare).
Il movimento in Kaivros è funzionale, non decorativo. Segnala cambiamento di stato, conferma un'azione, guida l'attenzione. Mai rimbalzi, mai flash.
Usa transizioni su proprietà composited: transform, opacity.
Tieni le durate brevi: 150–300ms per interazioni, 400–600ms per transizioni di pagina.
Aggiungi prefers-reduced-motion per accessibilità — disabilita le animazioni non essenziali.
Non animare width, height, top, left — causano layout reflow.
No rimbalzi (bounce), no spin decorativo, no parallax pesante.
Non usare --ease-spring per errori o azioni distruttive.
Bottoni, input, card, badge, form, toast e navigazione. Tutti costruiti a partire dai token definiti sopra. Transizioni a 0.2s ease — nessun effetto rimbalzo.
Superficie bianca, bordo sottile, ombra xs. Uso generale per contenuto strutturato.
Sfondo lilla chiaro per contenuto prioritario o stato attivo. Bordo lilla trasparente.
Gradiente dal viola al lilla. Usata per le esperienze nel catalogo.
Non hai sessioni in agenda per questa settimana. Aggiungine una per iniziare.
Il dark mode non è un tema separato — è una mappatura dei token. Il viola profondo (#1E1628) sostituisce la crema. Il lilla chiaro (#DDD1F2) diventa il testo principale.
Come ti senti rispetto all'ultima sessione?
Come ti senti rispetto all'ultima sessione?
| Token | Light | Dark |
|---|---|---|
| --cream | #F9F6EF | #1E1628 |
| --card-bg | #FFFFFF | rgba(42,31,56,0.9) |
| --black | #1F1F1F | #EDE8F5 |
| --dim | rgba(31,31,31,0.55) | rgba(237,232,245,0.5) |
| --violet | #493364 | #9B7ED4 |
| --lilla-lt | #DDD1F2 | #3D2E55 |
Kaivros usa esclusivamente Tabler Icons — stroke 2, taglia 20px di default. Nessuna icona filled, nessun set misto. Colore: eredita dal contesto, mai hardcoded.
Italiano come prima lingua, tono professionale ma diretto, seconda persona. Vicino al benessere senza essere generico. Concreto prima che evocativo.
Intestazioni e bottoni sembrano parlato — non marketing che urla.
Caldo, diretto, rivolto a un unico lettore. "Tu" usato liberamente.
Verbi prima dei sostantivi. Specifico prima dell'astratto. Fidati del lettore.
Tipografia e colore portano il tono emotivo. Nessun punto esclamativo, niente "Andiamo!".
Usa · per abbinare concetti senza usare virgole o parentesi.
Italiano e inglese coesistono. Non tradurre "Kaivros". Lascia che il calore attraversi le lingue.
Logo, font, token CSS. Tutto il necessario per costruire qualcosa che rispetti il brand Kaivros.
Kit completo: loghi, font, token, anteprime e UI kit.
Otto varianti del wordmark per ogni scenario di sfondo.
Font variabili Bricolage Grotesque, Outfit e Noto Sans.
Tutte le variabili di design e le classi tipografiche utility.
Sezioni e layout per l'esperienza brand pubblica.
Pattern di auth, dashboard e sessione per la piattaforma.