het kwadrant.
één team, één geheel — opgesplitst in vier gelijke modules. één module breekt uit het raster, verschoven en in electric lime: het “geleverd”-gebaar. het verenigt beide kernideeën — vier in één, en ai, geleverd.met de liniaal getekend, niet met de airbrush. geen letters, dus het werkt identiek in alle elf talen — ook arabisch en cjk.
constructie.
het beeldmerk rust op een strikt raster zodat het op elk formaat identiek reproduceert, van een 16px-favicon tot een 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
combinaties.
vier toegestane opstellingen. houd er minstens één modulebreedte vrije ruimte omheen.
Kleur in de interface
De site gebruikt semantische tokens die wisselen tussen licht en donker. De vijf merkwaarden hieronder veranderen nooit.
- --color-surfaceLicht #F6F8F7Donker #0C1612
- --color-surface-elevatedLicht #FFFFFFDonker #14221C
- --color-inkLicht #0F1F18Donker #E9F1ED
- --color-mutedLicht #4A5D54Donker #A9BBB2
- --ui-blueLicht #CFE3F7Donker #16293B
- --ui-mintLicht #D7EEE0Donker #143024
- --ui-lilacLicht #E4DCF7Donker #241F3A
- --ui-sandLicht #F6EBD8Donker #2A251A
- --ui-deepLicht #17332ADonker #10231A
- --ui-accentLicht #2E7D55Donker #56B787
- --brand-limeLicht #CCFF00Donker #CCFF00
palet.
vijf waarden, één accent. lime is puur decoratief — draagt nooit tekst, en hooguit één lime-element per compositie.
- crème / papierstandaardachtergrond, kanalen tussen de modules#FBF6EB
- inktwoordmerk · drie modules in één kleur#0E0A08
- racing greensignatuur — drie modules in het raster#1B3A2C
- diepgroenalleen diepte bij hover / ingedrukt#10271D
- electric limede verschoven module · de underscore · spaarzaam gebruiken#CCFF00
type.
fustat voor display, schibsted grotesk voor lopende tekst, jetbrains mono voor labels en specs. het woordmerk is altijd kleine letters — nooit hoofdletters, cursief of herontworpen.
display
fustat · 700 · -0.035em
intro
schibsted grotesk · 400
lopende tekst
schibsted grotesk · 400
mono
jetbrains mono · labels & spec
gebruiksregels.
het beeldmerk bevat geen letters en werkt identiek in ltr en rtl. contrast: inkt op crème en crème op inkt halen beide AAA bij 19,4:1.
- welgebruik de goedgekeurde geometrie en een van de vijf kleurstellingen
- welhoud één modulebreedte vrije ruimte rond het beeldmerk
- welgebruik inkt in één kleur voor monochrome druk en preging
- nietmodules voorzien van verloop, contour of diepte
- nietmeer dan één lime-element per compositie gebruiken
- niethet beeldmerk spiegelen voor rtl — dat breekt het levergebaar
- nietde hoeken afronden of het beeldmerk draaien
- niethet woordmerk in hoofdletters, cursief of serif zetten
downloads.
platte vector, geoptimaliseerd, transparant. kleur vastgezet op het palet hierboven.
- beeldmerk · op lichtracing green + lime · SVG
- beeldmerk · op donkercrème + lime · SVG
- faviconthemabewust · SVG
woordmerk · op lichtinkt + lime · SVG
woordmerk · op donkercrème + lime · SVG
vragen over gebruik? neem contact op · over stennir