guida del marchio · v1.0

il quadrante.

un team, un insieme — diviso in quattro moduli uguali. un modulo rompe la griglia, spostato e in electric lime: il gesto del “consegnato”. racchiude entrambi i principi insieme — quattro in uno, e ai, consegnato.tracciato con la riga, non con l'aerografo. nessuna lettera, quindi funziona identico in tutte e undici le lingue — arabo e cjk compresi.

il simbolo

costruzione.

il simbolo poggia su una griglia rigorosa per riprodursi identico a ogni dimensione, dal favicon da 16px al cartellone.

16px
32px
64px
grid
strict 8 × 8 unit
footprint
6 × 6 units, centred low
modules
2 × 2 array, 2.75u square
channels
0.5u, always background
corner radius
0.165u (~6% of module)
offset
top-right +1u right, +1u up
depth
none — no perspective, no shadow
strokes
none — solid fills only
composizioni

composizioni.

quattro disposizioni approvate. lascia attorno almeno una larghezza di modulo di spazio libero.

stennir
01 · orizzontale principalepredefinita
stennir
02 · impilataavatar · stretto
03 · solo simbolofavicon · icona app
04 · logotipo + trattino bassointestazioni
Palette dell'interfaccia

Il colore nell'interfaccia

Il sito usa token semantici che passano dal chiaro allo scuro. I cinque valori del marchio qui sotto non cambiano mai.

  • --color-surfaceChiaro #F6F8F7Scuro #0C1612
  • --color-surface-elevatedChiaro #FFFFFFScuro #14221C
  • --color-inkChiaro #0F1F18Scuro #E9F1ED
  • --color-mutedChiaro #4A5D54Scuro #A9BBB2
  • --ui-blueChiaro #CFE3F7Scuro #16293B
  • --ui-mintChiaro #D7EEE0Scuro #143024
  • --ui-lilacChiaro #E4DCF7Scuro #241F3A
  • --ui-sandChiaro #F6EBD8Scuro #2A251A
  • --ui-deepChiaro #17332AScuro #10231A
  • --ui-accentChiaro #2E7D55Scuro #56B787
  • --brand-limeChiaro #CCFF00Scuro #CCFF00
colore

palette.

cinque valori, un accento. il lime è solo decorativo — non porta mai testo, e al massimo un elemento lime per composizione.

  • crema / cartasfondo predefinito, canali tra i moduli#FBF6EB
  • inchiostrologotipo · tre moduli in tinta unita#0E0A08
  • racing greenfirma — tre moduli nella griglia#1B3A2C
  • verde profondoprofondità solo su hover / premuto#10271D
  • electric limeil modulo spostato · il trattino basso · con parsimonia#CCFF00
tipografia

carattere.

fustat per i titoli, schibsted grotesk per il testo, jetbrains mono per etichette e specifiche. il logotipo è sempre minuscolo — mai maiuscolo, corsivo o ridisegnato.

titolo

fustat · 700 · -0.035em

AI, shipped.

occhiello

schibsted grotesk · 400

Three services. One team. Shipped artifacts, not slideware.

testo

schibsted grotesk · 400

We build AI-native software, train the people who run it, and back the founders who scale it. Written scope. Code is yours.

mono

jetbrains mono · labels & spec

01 · AI consulting   §02 · written scope   governance included
utilizzo

regole d'uso.

il simbolo non contiene lettere e funziona identico in ltr e rtl. contrasto: inchiostro su crema e crema su inchiostro superano AAA a 19,4:1.

  • sìusa la geometria approvata e una delle cinque gamme
  • sìlascia attorno una larghezza di modulo di spazio libero
  • sìusa l'inchiostro in tinta unita per stampa monocromatica e goffratura
  • noaggiungere sfumatura, contorno o profondità ai moduli
  • nousare più di un elemento lime per composizione
  • nospecchiare il simbolo per il rtl — rompe il gesto della consegna
  • noarrotondare gli angoli o ruotare il simbolo
  • nocomporre il logotipo in maiuscolo, corsivo o serif
file

download.

vettore piatto, ottimizzato, trasparente. colori bloccati sulla palette qui sopra.

domande sull'utilizzo? parla con noi · chi è stennir