guía de marca · v1.0

el cuadrante.

un equipo, un todo — dividido en cuatro módulos iguales. un módulo rompe la retícula, desplazado y en electric lime: el gesto de “entregado”. codifica las dos ideas a la vez — cuatro en uno, y ai, entregado.trazado con regla, no aerografiado. sin letras, así que funciona idéntico en los once idiomas — incluidos árabe y cjk.

el símbolo

construcción.

el símbolo se apoya en una retícula estricta para reproducirse idéntico a cualquier tamaño, desde un favicon de 16px hasta una valla.

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
composiciones

composiciones.

cuatro disposiciones autorizadas. deja al menos un ancho de módulo de espacio libre alrededor.

stennir
01 · horizontal principalpredeterminada
stennir
02 · apiladaavatares · estrecho
03 · solo símbolofavicon · icono de app
04 · logotipo + guion bajocabeceras
Paleta de la interfaz

El color en la interfaz

El sitio usa tokens semánticos que cambian entre claro y oscuro. Los cinco valores de marca de abajo no cambian nunca.

  • --color-surfaceClaro #F6F8F7Oscuro #0C1612
  • --color-surface-elevatedClaro #FFFFFFOscuro #14221C
  • --color-inkClaro #0F1F18Oscuro #E9F1ED
  • --color-mutedClaro #4A5D54Oscuro #A9BBB2
  • --ui-blueClaro #CFE3F7Oscuro #16293B
  • --ui-mintClaro #D7EEE0Oscuro #143024
  • --ui-lilacClaro #E4DCF7Oscuro #241F3A
  • --ui-sandClaro #F6EBD8Oscuro #2A251A
  • --ui-deepClaro #17332AOscuro #10231A
  • --ui-accentClaro #2E7D55Oscuro #56B787
  • --brand-limeClaro #CCFF00Oscuro #CCFF00
color

paleta.

cinco valores, un acento. el lime es solo decorativo — nunca lleva texto, y como mucho un elemento lime por composición.

  • crema / papelfondo por defecto, canales entre módulos#FBF6EB
  • tintalogotipo · tres módulos a un color#0E0A08
  • racing greenfirma — tres módulos en la retícula#1B3A2C
  • verde profundosolo profundidad en hover / pulsado#10271D
  • electric limeel módulo desplazado · el guion bajo · con moderación#CCFF00
tipografía

tipografía.

fustat para titulares, schibsted grotesk para texto, jetbrains mono para etiquetas y especificación. el logotipo siempre en minúsculas — nunca en mayúsculas, cursiva ni reestilizado.

titular

fustat · 700 · -0.035em

AI, shipped.

entradilla

schibsted grotesk · 400

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

texto

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
uso

reglas de uso.

el símbolo no contiene letras y funciona igual en ltr y rtl. contraste: tinta sobre crema y crema sobre tinta superan AAA a 19,4:1.

  • síusa la geometría aprobada y una de las cinco gamas
  • sídeja un ancho de módulo de espacio libre alrededor
  • síusa tinta a un color para impresión monocolor y relieve
  • noapliques degradado, contorno o profundidad a los módulos
  • nouses más de un elemento lime por composición
  • noreflejes el símbolo para rtl — rompe el gesto de entrega
  • noredondees las esquinas ni gires el símbolo
  • nopongas el logotipo en mayúsculas, cursiva o serif
archivos

descargas.

vector plano, optimizado, transparente. color fijado a la paleta de arriba.

¿dudas sobre el uso? habla con nosotros · sobre stennir