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.
- 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.
kolor
paleta.
pięć wartości, jeden akcent. lime jest wyłącznie dekoracyjny — nigdy nie niesie tekstu, najwyżej jeden element lime na kompozycję.
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 · 500 · -0.04em
lid
fustat · 300 · -0.025em
tekst
schibsted grotesk · 400
mono
jetbrains mono · labels & spec
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.