markenleitfaden · v1.0

der quadrant.

ein team, ein ganzes — in vier gleiche module geteilt. ein modul bricht aus dem raster aus, versetzt und in electric lime: die geste des „ausgeliefert“. es kodiert beide leitgedanken zugleich — vier in eins, und ai, ausgeliefert.mit dem lineal gezeichnet, nicht weichgezeichnet. keine buchstaben, also funktioniert es identisch in allen elf sprachen — auch arabisch und cjk.

das zeichen

konstruktion.

das zeichen liegt auf einem strengen raster, damit es in jeder größe identisch reproduziert — vom 16px-favicon bis zur plakatwand.

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
kombinationen

kombinationen.

vier zugelassene anordnungen. halte rundum mindestens eine modulbreite freiraum.

stennir
01 · primär horizontalstandard
stennir
02 · gestapeltavatare · schmal
03 · nur zeichenfavicon · app-icon
04 · wortmarke + unterstrichkopfzeilen
Interface-Palette

Farbe in der Oberfläche

Die Website nutzt semantische Tokens, die zwischen hell und dunkel wechseln. Die fünf Markenwerte darunter ändern sich nie.

  • --color-surfaceHell #F6F8F7Dunkel #0C1612
  • --color-surface-elevatedHell #FFFFFFDunkel #14221C
  • --color-inkHell #0F1F18Dunkel #E9F1ED
  • --color-mutedHell #4A5D54Dunkel #A9BBB2
  • --ui-blueHell #CFE3F7Dunkel #16293B
  • --ui-mintHell #D7EEE0Dunkel #143024
  • --ui-lilacHell #E4DCF7Dunkel #241F3A
  • --ui-sandHell #F6EBD8Dunkel #2A251A
  • --ui-deepHell #17332ADunkel #10231A
  • --ui-accentHell #2E7D55Dunkel #56B787
  • --brand-limeHell #CCFF00Dunkel #CCFF00
farbe

palette.

fünf werte, ein akzent. lime ist rein dekorativ — trägt nie text, und pro komposition höchstens ein lime-element.

  • creme / papierstandardhintergrund, kanäle zwischen den modulen#FBF6EB
  • tintewortmarke · drei module einfarbig#0E0A08
  • racing greensignatur — drei module im raster#1B3A2C
  • dunkelgrünnur tiefe bei hover / aktiv#10271D
  • electric limedas versetzte modul · der unterstrich · sparsam einsetzen#CCFF00
typografie

schrift.

fustat für display, schibsted grotesk für fließtext, jetbrains mono für labels und spezifikation. die wortmarke ist immer kleingeschrieben — nie versalien, kursiv oder umgestaltet.

display

fustat · 700 · -0.035em

AI, shipped.

vorspann

schibsted grotesk · 400

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

fließtext

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
verwendung

verwendungsregeln.

das zeichen enthält keine buchstaben und funktioniert in ltr und rtl identisch. kontrast: tinte auf creme und creme auf tinte erreichen beide AAA bei 19,4:1.

  • tundie freigegebene geometrie und eine der fünf farbwelten verwenden
  • tunrundum eine modulbreite freiraum halten
  • tunmono-tinte für einfarbigen druck und prägung verwenden
  • nichtmodule mit verlauf, kontur oder tiefe versehen
  • nichtmehr als ein lime-element pro komposition verwenden
  • nichtdas zeichen für rtl spiegeln — das bricht die ausliefer-geste
  • nichtdie ecken abrunden oder das zeichen drehen
  • nichtdie wortmarke in versalien, kursiv oder als serife setzen
dateien

downloads.

flacher vektor, optimiert, transparent. farblich auf die palette oben festgelegt.

fragen zur verwendung? sprich mit uns · über stennir