guia da marca · v1.0

o quadrante.

uma equipe, um todo — dividido em quatro módulos iguais. um módulo rompe a grade, deslocado e em electric lime: o gesto do “entregue”. reúne as duas ideias de uma vez — quatro em um, e ai, entregue.traçado com a régua, não com aerógrafo. sem letras, então funciona idêntico nos onze idiomas — incluindo árabe e cjk.

o símbolo

construção.

o símbolo assenta numa grade rígida para se reproduzir idêntico em qualquer tamanho, do favicon de 16px ao outdoor.

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
composições

composições.

quatro arranjos autorizados. mantenha pelo menos uma largura de módulo de espaço livre ao redor.

stennir
01 · horizontal principalpadrão
stennir
02 · empilhadaavatares · estreito
03 · só o símbolofavicon · ícone de app
04 · logotipo + sublinhadocabeçalhos
Paleta da interface

A cor na interface

O site usa tokens semânticos que alternam entre claro e escuro. Os cinco valores da marca abaixo nunca mudam.

  • --color-surfaceClaro #F6F8F7Escuro #0C1612
  • --color-surface-elevatedClaro #FFFFFFEscuro #14221C
  • --color-inkClaro #0F1F18Escuro #E9F1ED
  • --color-mutedClaro #4A5D54Escuro #A9BBB2
  • --ui-blueClaro #CFE3F7Escuro #16293B
  • --ui-mintClaro #D7EEE0Escuro #143024
  • --ui-lilacClaro #E4DCF7Escuro #241F3A
  • --ui-sandClaro #F6EBD8Escuro #2A251A
  • --ui-deepClaro #17332AEscuro #10231A
  • --ui-accentClaro #2E7D55Escuro #56B787
  • --brand-limeClaro #CCFF00Escuro #CCFF00
cor

paleta.

cinco valores, um acento. o lime é apenas decorativo — nunca carrega texto, e no máximo um elemento lime por composição.

  • creme / papelfundo padrão, canais entre os módulos#FBF6EB
  • tintalogotipo · três módulos em cor única#0E0A08
  • racing greenassinatura — três módulos na grade#1B3A2C
  • verde profundoprofundidade só em hover / pressionado#10271D
  • electric limeo módulo deslocado · o sublinhado · com moderação#CCFF00
tipografia

tipografia.

fustat para títulos, schibsted grotesk para texto, jetbrains mono para rótulos e especificação. o logotipo é sempre minúsculo — nunca em maiúsculas, itálico ou redesenhado.

título

fustat · 700 · -0.035em

AI, shipped.

lead

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

regras de uso.

o símbolo não contém letras e funciona idêntico em ltr e rtl. contraste: tinta sobre creme e creme sobre tinta atingem AAA a 19,4:1.

  • façause a geometria aprovada e uma das cinco gamas
  • façamantenha uma largura de módulo de espaço livre ao redor
  • façause tinta em cor única para impressão monocromática e relevo
  • não façaaplicar gradiente, contorno ou profundidade aos módulos
  • não façausar mais de um elemento lime por composição
  • não façaespelhar o símbolo para rtl — quebra o gesto de entrega
  • não façaarredondar os cantos ou girar o símbolo
  • não façacompor o logotipo em maiúsculas, itálico ou serifa
arquivos

downloads.

vetor plano, otimizado, transparente. cores travadas na paleta acima.

dúvidas sobre o uso? fale com a gente · sobre a stennir