przewodnik marki · v1.0

kwadrant.

jeden zespół, jedna całość — podzielona na cztery równe moduły. jeden moduł wyłamuje się z siatki, przesunięty i w kolorze electric lime: gest „dostarczone”. łączy obie idee naraz — cztery w jednym, i ai, dostarczone.rysowany linijką, nie aerografem. bez liter, więc działa identycznie we wszystkich jedenastu językach — także arabskim i cjk.

znak

konstrukcja.

znak opiera się na ścisłej siatce, więc odtwarza się identycznie w każdym rozmiarze — od favicony 16px po billboard.

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
układy

układy.

cztery dozwolone układy. zostaw wokół co najmniej jedną szerokość modułu wolnej przestrzeni.

stennir
01 · podstawowy poziomydomyślny
stennir
02 · pionowyawatary · wąski
03 · sam znakfavicona · ikona aplikacji
04 · logotyp + podkreślniknagłówki
Paleta interfejsu

Kolor w interfejsie

Strona korzysta z tokenów semantycznych, które przełączają się między jasnym a ciemnym motywem. Pięć wartości marki poniżej nigdy się nie zmienia.

  • --color-surfaceJasny #F6F8F7Ciemny #0C1612
  • --color-surface-elevatedJasny #FFFFFFCiemny #14221C
  • --color-inkJasny #0F1F18Ciemny #E9F1ED
  • --color-mutedJasny #4A5D54Ciemny #A9BBB2
  • --ui-blueJasny #CFE3F7Ciemny #16293B
  • --ui-mintJasny #D7EEE0Ciemny #143024
  • --ui-lilacJasny #E4DCF7Ciemny #241F3A
  • --ui-sandJasny #F6EBD8Ciemny #2A251A
  • --ui-deepJasny #17332ACiemny #10231A
  • --ui-accentJasny #2E7D55Ciemny #56B787
  • --brand-limeJasny #CCFF00Ciemny #CCFF00
kolor

paleta.

pięć wartości, jeden akcent. lime jest wyłącznie dekoracyjny — nigdy nie niesie tekstu, najwyżej jeden element lime na kompozycję.

  • kremowy / papierdomyślne tło, kanały między modułami#FBF6EB
  • atramentlogotyp · trzy moduły jednolicie#0E0A08
  • racing greensygnatura — trzy moduły w siatce#1B3A2C
  • głęboka zieleńgłębia tylko przy hover / wciśnięciu#10271D
  • electric limeprzesunięty moduł · podkreślnik · używaj oszczędnie#CCFF00
typografia

krój.

fustat do nagłówków, schibsted grotesk do tekstu, jetbrains mono do etykiet i specyfikacji. logotyp zawsze małymi literami — nigdy wersaliki, kursywa ani przerobiony.

nagłówek

fustat · 700 · -0.035em

AI, shipped.

lid

schibsted grotesk · 400

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

tekst

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
użycie

zasady użycia.

znak nie zawiera liter i działa identycznie w ltr i rtl. kontrast: atrament na kremowym i kremowy na atramencie osiągają AAA przy 19,4:1.

  • róbużywaj zatwierdzonej geometrii i jednej z pięciu kolorystyk
  • róbzostaw wokół znaku jedną szerokość modułu wolnej przestrzeni
  • róbużywaj jednolitego atramentu do druku monochromatycznego i tłoczenia
  • nie róbdodawać modułom gradientu, obrysu ani głębi
  • nie róbużywać więcej niż jednego elementu lime na kompozycję
  • nie róbodbijać znaku dla rtl — to psuje gest dostarczenia
  • nie róbzaokrąglać rogów ani obracać znaku
  • nie róbskładać logotypu wersalikami, kursywą ani szeryfem
pliki

pliki do pobrania.

płaski wektor, zoptymalizowany, przezroczysty. kolory zablokowane na powyższej palecie.

pytania o użycie? napisz do nas · o stennir