guide de marque · v1.0

le quadrant.

une équipe, un tout — divisé en quatre modules égaux. un module sort de la grille, décalé et en electric lime : le geste « livré ». il encode les deux idées à la fois — quatre en un, et ai, livré.tracé à la règle, pas à l'aérographe. aucune lettre, donc il fonctionne à l'identique dans les onze langues — y compris l'arabe et le cjk.

le symbole

construction.

le symbole repose sur une grille stricte pour se reproduire à l'identique à toute taille, du favicon de 16px au panneau d'affichage.

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
compositions

compositions.

quatre dispositions autorisées. garde au moins une largeur de module d'espace libre autour.

stennir
01 · horizontale principalepar défaut
stennir
02 · empiléeavatars · étroit
03 · symbole seulfavicon · icône d'app
04 · logotype + soulignementen-têtes
Palette de l'interface

La couleur dans l'interface

Le site utilise des jetons sémantiques qui basculent entre clair et sombre. Les cinq valeurs de marque ci-dessous ne changent jamais.

  • --color-surfaceClair #F6F8F7Sombre #0C1612
  • --color-surface-elevatedClair #FFFFFFSombre #14221C
  • --color-inkClair #0F1F18Sombre #E9F1ED
  • --color-mutedClair #4A5D54Sombre #A9BBB2
  • --ui-blueClair #CFE3F7Sombre #16293B
  • --ui-mintClair #D7EEE0Sombre #143024
  • --ui-lilacClair #E4DCF7Sombre #241F3A
  • --ui-sandClair #F6EBD8Sombre #2A251A
  • --ui-deepClair #17332ASombre #10231A
  • --ui-accentClair #2E7D55Sombre #56B787
  • --brand-limeClair #CCFF00Sombre #CCFF00
couleur

palette.

cinq valeurs, un accent. le lime est purement décoratif — il ne porte jamais de texte, et au plus un élément lime par composition.

  • crème / papierfond par défaut, canaux entre les modules#FBF6EB
  • encrelogotype · trois modules en aplat#0E0A08
  • racing greensignature — trois modules dans la grille#1B3A2C
  • vert profondprofondeur au survol / pressé uniquement#10271D
  • electric limele module décalé · le soulignement · avec parcimonie#CCFF00
typographie

typographie.

fustat pour les titres, schibsted grotesk pour le corps, jetbrains mono pour les libellés et la spec. le logotype est toujours en minuscules — jamais en capitales, italique ou redessiné.

titre

fustat · 700 · -0.035em

AI, shipped.

chapeau

schibsted grotesk · 400

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

corps

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
usage

règles d'usage.

le symbole ne contient aucune lettre et fonctionne à l'identique en ltr et rtl. contraste : encre sur crème et crème sur encre atteignent AAA à 19,4:1.

  • à faireutiliser la géométrie validée et l'une des cinq gammes
  • à fairegarder une largeur de module d'espace libre autour
  • à faireutiliser l'encre en aplat pour l'impression monochrome et le gaufrage
  • à éviterajouter dégradé, contour ou profondeur aux modules
  • à éviterutiliser plus d'un élément lime par composition
  • à évitermettre le symbole en miroir pour le rtl — cela brise le geste de livraison
  • à éviterarrondir les angles ou faire pivoter le symbole
  • à évitercomposer le logotype en capitales, italique ou serif
fichiers

téléchargements.

vecteur plat, optimisé, transparent. couleurs verrouillées sur la palette ci-dessus.

des questions sur l'usage ? parle-nous · à propos de stennir