Brand System
Kashmir Lab
Visual & Verbal Identity
Versione 2.0 — Febbraio 2026
K
Visual & Verbal Identity
Versione 2.0 — Febbraio 2026
Per umani e intelligenze artificiali
Questo documento è il sistema operativo visivo e verbale di Kashmir Lab. Ogni sezione segue una struttura consistente: narrativa (il perché) → specifiche (il cosa) → razionale (la ragione delle scelte).
Questo documento definisce identità e principi — il "cosa" e il "perché". Per prodotti digitali che richiedono implementazione tecnica completa (temi, componenti, Tailwind), questo documento viene esteso da un UI Design System separato che definisce il "come".
Brand System → Identità, principi, semantica
UI Design System → Tokens, componenti, codice
| Livello | Significato | Modifica |
|---|---|---|
| Sacro | Identità core | Mai |
| Stabile | Fondamenta consolidate | Solo con forte ragione |
| Adattabile | Può evolvere col sistema | Sì, documentando |
| Fluido | Pensato per crescere | Liberamente |
| Errore | Perché è sbagliato | Correzione |
|---|---|---|
| Emoji in comunicazioni formali | Contraddice eleganza sobria | Rimuovere |
| "Siamo entusiasti di annunciare" | Corporate speak generico | Fatto concreto |
| Border-radius > 6px | Troppo morbido | Max --radius-lg |
| Lista puntata per 2 elementi | Overformatting | Frase: "X e Y" |
| Bold su più di 3 parole | Perde efficacia | Una parola chiave |
| "Caro cliente" / "Gentilissimo" | Troppo formale | Nome proprio |
Quando hai due opzioni valide, scegli quella che richiede meno per comunicare lo stesso significato.
| Situazione | Opzione sobria |
|---|---|
| Più corto vs più lungo | Più corto, se il messaggio è completo |
| Con o senza bold | Senza, se il testo parla da solo |
| Pattern sì vs no | No, se non è copertina |
| Formale vs informale | Formale, se non conosci l'interlocutore |
L'anima di Kashmir Lab
SACROKashmir Lab unisce due mondi: il cashmere — simbolo di artigianalità e lusso sottile — con il laboratorio, luogo di sperimentazione e metodo. Il nome stesso è la nostra dichiarazione: artigianalità + metodo creativo.
Nome: Kashmir Lab
Scrittura: "Kashmir" + spazio + "Lab" — mai unito, mai
trattino
Pronuncia: /kaʃˈmir lab/
La tecnologia accompagna ogni avventura.
Noi le tessiamo
l'anima.
"Consulenza tecnologica con l'anima dell'artigianato e l'occhio del design."
| Valore | Significato |
|---|---|
| Artigianalità | Ogni dettaglio curato come un sarto cura un abito su misura |
| Eleganza | Sofisticazione senza ostentazione, bellezza nella semplicità |
| Raffinatezza | Scelte consapevoli, niente è casuale |
| Personalità | Identità forte che si distingue senza gridare |
| Riconoscibilità | Chi sa, riconosce. Chi non sa, percepisce qualità |
Il framework è il Soft Minimalism di Norm Architects + Kinfolk: "Richness focused by restraint, simplicity imbued with warmth." Non minimalismo sterile (MUJI freddo), non corporate (IBM), non startup trendy (Circular). Kashmir Lab è precisione tecnica con calore umano — tutto tiepido.
Per chi lavoriamo e come ci presentiamo
Non definiamo il cliente per dimensione o settore. Lo definiamo per attitudine.
Lavoriamo con chi:
Descrizioni standard di Kashmir Lab, pronte all'uso.
Il boilerplate garantisce coerenza: ovunque si parli di Kashmir Lab, le parole chiave sono le stesse. Anima, artigianale, su misura, qualità.
Logo, gerarchia e varianti
SACRO (forma) · STABILE (varianti)Il cuore del marchio è il Cerchio K — una K inscritta in un cerchio. Semplice, riconoscibile, elegante. Il cerchio è completezza; la K è firma.
Il Cerchio K — elemento fondante dell'identità
Tre forme, ognuna con il suo contesto. La scelta dipende dalla familiarità dell'interlocutore: più il pubblico ci conosce, meno abbiamo bisogno di dire.
Positivo: bordo Camel #A89070, K Earth #5C5044
Negativo: bordo/K Cashmere #D4C4AE
Mono: nero #1A1815 oppure bianco #FFFFFF
Costruzione, proporzioni, dimensioni
Il logo è costruito su una griglia 4×4 unità. L'unità base x = ¼ del diametro. Le proporzioni seguono la regola 1:2 — ogni elemento è il 50% del suo contenitore.
Diametro = 4x · Bordo = 0.1x · K height = 2x · K stroke =
0.1x
Griglia: 4×4 unità (x = diametro ÷ 4)
Rapporto K/cerchio: 50% del diametro (regola 1:2)
Altezza K: 2x (50% di 4x)
Altezza testo logo esteso: 50% del diametro del cerchio
Spessore tratti K: uguale al bordo cerchio (0.1x)
Centratura K: ottica (+2% verso l'alto), non geometrica
Angoli K: netti, non arrotondati
Spessore bordo cerchio: 2.5% del diametro (min 1.5px)
Esempio: x=16px → diametro=64px, K alta=32px, bordo≈1.6px
Le proporzioni seguono il rapporto 1:2, alla base dell'armonia musicale (ottava) e del design razionalista svizzero. Una sola regola governa tutto: ogni elemento è il 50% del suo contenitore. Questo garantisce coerenza sistemica, maggiore respiro visivo, migliore scalabilità a dimensioni ridotte, e semplicità nel documentare e replicare. Il cashmere è leggerezza e aria — le proporzioni riflettono questa essenza. La centratura ottica (+2%) compensa la percezione umana che vede le lettere centrate matematicamente come "cadenti".
Spazio libero minimo: 1x su ogni lato. Come il cashmere ha bisogno di spazio per mostrare qualità.
Minimo 1x — in contesti vincolati: 0.75x
Minimo assoluto: 20px / 5mm
Sotto 20px: bordo illeggibile
Favicon 16px: versione semplificata, bordo 1px
I tre elementi che definiscono Kashmir Lab
SACRO (elementi) · STABILE (posizioni)Tre elementi che lavorano insieme creando riconoscibilità attraverso la ripetizione coerente.
Apre i documenti. Precisione.
Chiude e sigilla l'identità.
Trama cashmere. Uso riservato.
| Elemento | Posizione | Frequenza |
|---|---|---|
| Angolo alto-sx | Top-left, bordo pagina | Ogni pagina |
| Cerchio K | Footer / centrato cover | Ogni pagina |
| Angolo basso-dx | Bottom-right | Solo copertina |
| Pattern | Top-right, accento | Solo copertina |
Il pattern è l'elemento più distintivo. Usalo con parsimonia.
Angolo: sempre 45°
Linea: 1px, colore Cashmere #D4C4AE
Gap standard: 5px (per aree ≥40px)
Gap denso: 3px (per aree <40px)
Opacità: 50% standard, 60% su sfondi scuri
Dimensione area: minimo 24px, massimo 80px
Mai su testo o elementi interattivi
Come l'Intrecciato di Bottega crea riconoscibilità senza logo visibile, il nostro sistema costruisce identità attraverso elementi che non dichiarano il nome ma lo evocano. L'angolo + K sempre presenti; il pattern riservato mantiene valore e distintività.
Palette brand, interattiva e funzionale
SACRO (brand) · ADATTABILE (interattiva, funzionale)Toni naturali della fibra di cashmere: dal bianco latte al marrone terra. Solo calore, naturalezza, eleganza sobria.
Per azioni, link e stati UI senza connotazione semantica. Derivata da Camel, scurita per garantire contrasto WCAG.
Regola Camel: cliccabile → Camel Dark · decorativo → Camel
Focus ring: Camel #A89070, 2px solid, 2px offset
Selezione testo: Fiber #F0EBE3
Highlight: Ambra soft #F7F2E4
Per stati e feedback semantici. Mantengono temperatura calda.
Sfondi soft: Terracotta #F5E6E2 · Ambra #F7F2E4
Sfondi soft: Salvia #EEF3EC · Pietra #F2F1EF
I colori hanno due livelli di naming. Questo documento definisce i token nominali — i nomi propri della palette. Un eventuale UI Design System li mapperà a token semantici per supportare temi chiaro/scuro.
| Livello | Esempio | Definito in |
|---|---|---|
| Nominale | --kl-paper, --kl-camel | Brand System (qui) |
| Semantico | --color-background, --color-accent | UI Design System |
Quando il contesto richiede uno sfondo scuro (slide, footer, copertina alternativa), invertire la gerarchia mantenendo i rapporti di contrasto.
| Elemento | Su sfondo chiaro | Su sfondo scuro |
|---|---|---|
| Sfondo | Paper | Deep |
| Testo principale | Deep | Paper |
| Testo secondario | Earth | Cashmere |
| Accenti | Camel | Camel (invariato) |
| Bordo logo | Camel | Cashmere |
I nomi (Paper, Fiber, Cashmere, Camel, Earth, Deep) creano vocabolario interno coerente. Camel puro (#A89070) è troppo chiaro per azioni cliccabili — Camel Dark garantisce 4.6:1 su Paper.
Contrasti WCAG e combinazioni validate
STABILEKashmir Lab è elegante e accessibile. L'uno non esclude l'altro. Ogni combinazione colore ha un uso appropriato in base al suo contrasto.
Contrasto ≥ 4.5:1 per testo normale. Uso libero per contenuti informativi.
| Testo | Sfondo | Contrasto | Uso |
|---|---|---|---|
| Deep | Paper | 15.2:1 ✓ | Titoli, body principale |
| Earth | Paper | 7.1:1 ✓ | Testo secondario, enfasi |
| Camel Dark | Paper | 4.6:1 ✓ | Link, azioni, pulsanti |
| Deep | Fiber | 13.8:1 ✓ | Testo su card, box |
| Cashmere | Deep | 8.4:1 ✓ | Testo chiaro su scuro |
Contrasto < 4.5:1. Mai per testo informativo.
| Elemento | Sfondo | Contrasto | Uso ammesso |
|---|---|---|---|
| Camel | Paper | 3.2:1 ⚠ | Bordi, icone ≥24px, label decorative |
| Cashmere | Paper | 1.9:1 ⚠ | Pattern, divisori, sfondi |
Testo <18px: solo combinazioni AA (≥4.5:1)
Testo ≥18px bold o ≥24px: AA Large (≥3:1) ammesso
Icone funzionali: minimo 3:1
Icone decorative: nessun requisito
Focus ring: sempre visibile, 2px minimo
Mai disabilitare zoom utente
L'indicatore di focus deve essere sempre visibile. Mai rimuovere il focus — se il default del browser non è estetico, sostituirlo.
Outline: 2px solid var(--kl-camel)
Offset: 2px
Border-radius: var(--radius-sm)
| Tipo immagine | Alt text |
|---|---|
| Decorativa (pattern, angoli) | Vuoto: alt="" |
| Logo | "Kashmir Lab" |
| Informativa | Descrivi il significato, non l'aspetto |
| Funzionale (icona-bottone) | Descrivi l'azione: "Scarica", "Chiudi" |
L'eleganza visiva di Camel e Cashmere si preserva usandoli dove il contrasto non è critico (bordi, pattern, decorazioni). Il testo informativo usa sempre Earth, Deep o Camel Dark.
Tipografia fluida, spaziature, design tokens
STABILE (font) · ADATTABILE (scale)Kashmir Lab adotta il Soft Minimalism — la filosofia di design codificata da Norm Architects e Kinfolk:
"Richness focused by restraint, simplicity imbued with warmth, complexity heightened by order."
Tradotto: ricchezza concentrata, semplicità calda, complessità ordinata. Non minimalismo sterile. Non corporate freddo. Precisione tecnica con calore umano.
Tre voci. Una temperatura. Ognuna con un ruolo preciso nel costruire l'identità Kashmir Lab.
| Alternativa | Problema per Kashmir Lab |
|---|---|
| Playfair Display | Alto contrasto, troppo editoriale — sembra una rivista |
| Libre Baskerville | Classico ma anonimo — sembra un documento legale |
| Cormorant | Elegante ma fragile — sembra poesia, non consulenza |
| Alternativa | Problema per Kashmir Lab |
|---|---|
| Helvetica | Neutro fino all'anonimato — nessun calore |
| Inter | Ottimizzato per UI, troppo tecnico — sembra un'app |
| Circular | Geometric trendy — sembra una startup 2018 |
| Alternativa | Problema per Kashmir Lab |
|---|---|
| Fira Mono | Troppo stretto e denso — affatica |
| JetBrains Mono | Ottimo per IDE, ma grida "programmatore" |
| SF Mono | Freddo, Apple-centrico |
Un font in più significa: più peso da caricare, più regole da documentare, più decisioni da prendere, più possibilità di incoerenza. Il sistema funziona perché ogni font ha un ruolo esclusivo: Fraunces porta riconoscibilità, Instrument Sans porta calore, DM Mono porta autorevolezza tecnica. Insieme costruiscono un'identità artigianale, accessibile, e tecnicamente credibile.
Una scala coerente costruita su ratio 1.2 (Minor Third) — ogni gradino è 1.2× il precedente. Base: 14px.
2.618rem ~42px
2.177rem ~35px
1.814rem ~29px
1.512rem ~24px
1.26rem ~20px
1.05rem ~17px
0.875rem 14px ←
0.729rem ~12px
0.608rem ~10px
Body text: 16px minimo, line-height 1.75, letter-spacing
0.01em
Max larghezza riga: 65ch (leggibilità ottimale)
UI label: 11px, uppercase, letter-spacing 0.08em, peso 500
Code: 13px, line-height 1.6
Scala basata su 8px. Elementi correlati = spaziatura minore; separati = maggiore.
I numeri non sono arbitrari. Ogni valore è scelto per sentirsi giusto — come un sarto che sa che 2mm fanno la differenza tra un abito che cade e uno che veste.
Mai taglienti, mai morbidi. Come gli angoli di un libro rilegato a mano.
Ombre di luce naturale, come su carta crema.
Radius: 2px (precisione) · 3px (equilibrio) · 6px
(accoglienza)
Perché non 4px? È un punto morto — né preciso né morbido
Shadows: solo nero a bassa opacità, mai ombre colorate o
blu
Borders: --border-light (fiber) · --border-medium
(cashmere)
Icone, fotografia, motion
STABILE (principi) · ADATTABILE (applicazioni)Icone lineari, sottili, calde. Coerenti con lo spessore del bordo del Cerchio K.
Stile: outline (linea), non filled
Peso linea: 1.5-2px
Dimensioni: 16px (inline) · 24px (standard) · 32px
(feature)
Colore: Camel Dark default, Earth enfasi
Librerie: Lucide, Phosphor, Tabler
Immagini che evocano artigianalità, calore, autenticità.
Temperatura: calda, mai fredda/bluastra
Luce: naturale, morbida
Soggetti: dettagli, mani, texture — non pose corporate
Editing: leggero grain ok, niente filtri
Animazioni sottili, mai appariscenti. Supportano l'esperienza, non la dominano.
Durata: 120ms (fast) · 200ms (normal) · 300ms (slow)
Easing: cubic-bezier(0.4, 0, 0.2, 1) — ease-out naturale
Mai: bounce, elastic, overshoot
Ogni elemento passa il "test Kashmir": è artigianale? È preciso? È caldo? Se no, non appartiene.
Personalità verbale di Kashmir Lab
STABILE (personalità) · ADATTABILE (glossario)La voce è costante — non cambia col contesto. Quattro aggettivi:
| Usiamo | Non usiamo | Perché |
|---|---|---|
| Cliente | User, utente | Più personale |
| Progetto | Engagement | Italiano, chiaro |
| Problema | Issue, bug | Diretto, onesto |
| Soluzione | Fix | Positivo |
| Riunione | Call | Italiano preferito |
Come moduliamo in base alla situazione
FLUIDOLa voce è costante. Il tono si modula.
← Formale ─────────────────────── Informale →
Contratti Report Email Chat interna
Il secondo esempio non nasconde il ritardo, ma lo contestualizza. Onestà con contesto.
Tono freddo = distanza. Troppo informale = mancanza professionalità. Kashmir Lab sta nel mezzo: calore con competenza.
Come scriviamo cosa
FLUIDONiente emoji funzionali (🚀💪✅) · Niente hashtag generici
Numeri concreti > aggettivi
| Usiamo | Non usiamo | Note |
|---|---|---|
| Salva | Submit, Invia | Italiano, specifico |
| Annulla | Cancel, Cancella | "Cancella" implica distruzione |
| tra poco | a breve | Più umano |
| Non è riuscito | È fallito | Meno drammatico |
| Fatto | Completato con successo | Essenziale |
| Serve una mano? | Hai bisogno di assistenza? | Calore |
| Niente ancora | Nessun elemento trovato | Possibilità |
La voce si impara con i pattern, non con le regole. Questi esempi sono il "campionario" da cui pescare strutture.
Copertina speciale, interni funzionali
STABILESistema a due livelli: copertina con impatto, pagine interne funzionali.
Tutti gli elementi: doppio angolo, pattern, K grande centrata.
Essenziale: angolo singolo, K piccola in footer.
La copertina è prima impressione — impatto. Le pagine interne devono essere leggibili. Come un libro con copertina elaborata e pagine pulite.
Naming convention e risorse
ADATTABILE| Documento | Descrizione | Stato |
|---|---|---|
| Proposta | Proposta commerciale | WIP |
| Report | Documentazione, audit | WIP |
| Presentazione | Slide meeting | WIP |
| Email Signature | Firma email | WIP |
Prefisso: sempre "kl_" (minuscolo)
Separatori: trattino tra parole, underscore tra sezioni
Versione: v + numero (v1, v2...)
Regole di modifica
| Livello | Elementi | Modifica |
|---|---|---|
| Sacro | Nome, mission, tagline, valori, K, palette brand | Mai |
| Stabile | Font, elementi firma, voice, target, boilerplate, accessibilità | Con approvazione |
| Adattabile | Palette interattiva/funzionale, tokens, scale | Documentando |
| Fluido | Pattern library, glossario, template | Liberamente |
La palette colori è Sacred perché i valori esadecimali non dipendono da nulla di esterno. I font dipendono da infrastrutture: Google Fonts, licenze, supporto browser. Se in futuro Fraunces venisse deprecato, o emergesse un font che incarna meglio i nostri valori, vogliamo poter evolvere. Un cambio font resta un evento raro e significativo che richiede giustificazione rispetto ai valori, analisi dell'impatto, e approvazione esplicita dell'owner.
Anima nella tecnologia.
Kashmir Lab