miniengine docs API-referentie (pdf)
Menu

Branding

Op deze pagina

Branding

Brandbookpdf, 16 pagina's, 1,6 MB Logobestandenzip met woordmerken, productmerken, app-iconen en tokens

Mini Engine heeft een rustige schil en laat elk spel zijn eigen sfeer meebrengen. Deze pagina vat de merkregels samen voor wie een spel, een scherm of een presentatie maakt.

Naam #

  • In lopende tekst: Mini Engine, twee woorden met hoofdletters.
  • Als logo: het woordmerk, altijd uit de bestanden en nooit nagetypt.
  • Producten: Mini Engine, Mini Engine SDK, Mini Engine CLI en Mini Engine Docs.
Het woordmerk van Mini Engine op een lichte achtergrond
Het woordmerk van Mini Engine op een donkere achtergrond

Het woordmerk zet mini in Space Grotesk SemiBold en engine in een lichtere toon, gevolgd door het symbool: acht afgeronde spaken die in het midden samenkomen. Eén middelpunt, acht stoelen eromheen.

  • Op licht: mini in Inkt, engine in Steen, het symbool in Inkt.
  • Op donker: mini in Kalk, engine in Nevel, het symbool in Vonk.
  • Houd rondom minstens de x-hoogte vrij. Het woordmerk is minimaal 96 pixels breed.
  • Niet doen: het symbool vervangen door een tekstteken, de kleuren omdraaien, het woordmerk in hoofdletters zetten, schaduwen of verlopen toevoegen.

Deze site gebruikt het woordmerk en het symbool voor licht en donker: woordmerk licht, woordmerk donker, symbool licht en symbool donker. De logobestanden bevatten ook de currentColor-varianten, de lockups en productmerken voor SDK, CLI en Docs, de app-iconen, de avatars en de design tokens (tokens.css).

Producten #

Mini Engine bestaat uit vier producten. Elk product heeft een eigen merk: het symbool met één teken erbij, getekend met dezelfde ronde lijn als de spaken.

Het symbool van Mini Engine
Engine
Het merk van Mini Engine SDK: het symbool tussen accolades
SDK
Het merk van Mini Engine CLI: een prompt voor het symbool
CLI
Het merk van Mini Engine Docs: het symbool met regels tekst
Docs
  • Engine: het kale symbool.
  • SDK: het symbool tussen accolades, voor code.
  • CLI: een prompt voor het symbool, zoals in de terminal.
  • Docs: het symbool als voetnoot bij een paar regels tekst.

Het extra teken staat in Steen op licht en in Nevel op donker, net als het productwoord in de lockup (miniengine✳ sdk). Het symbool zelf blijft Inkt op licht en Vonk op donker. Onder 48 pixels, zoals in een favicon, staat bij elk product alleen het symbool.

Kleur #

  • Kalk#EEF0EC paginagrond
  • Wit#FAFBF9 vlakken en invoervelden
  • Inkt#1E2823 tekst, primaire knop, donkere grond
  • Nacht#141B17 diepste grond, tv-scherm
  • Steen#6F7A72 secundaire tekst
  • Nevel#9DA79F secundaire tekst op donker
  • Lijn#D5DAD4 haarlijnen en randen
  • Vonk#F2C230 accent
  • Goed#2F7A4F bevestiging
  • Fout#B23A2B fouten

Vonk is schaars. Alleen voor het symbool op donker en voor signalen die iets nu betekenen: live, klaar, jij bent aan de beurt, de focusring. Nooit als vlakvulling van grote delen, nooit als tekstkleur op licht.

Type #

  • Space Grotesk (500 en 600): het woordmerk, koppen, kamercodes, scores en andere cijfers.
  • DM Sans (400, 500 en 600): lopende tekst en interface.
  • Code: de systeem-monospace (ui-monospace, SF Mono, Menlo).

Beide lettertypes vallen onder de SIL Open Font License en worden zelf gehost; de engine laadt niets van Google Fonts of een andere CDN. Schrijf in zinnen: sentence case, geen labels in hoofdletters boven koppen.

Principes #

  1. Eén ding per scherm. Elke pagina heeft één hoofdactie; de rest staat erachter of eronder.
  2. Rust in de schil, sfeer in het spel. De schil van Mini Engine is stil en overal gelijk. Elk spel brengt zijn eigen wereld mee: vilt voor Common Dice, een tv-studio voor Jeopardy.
  3. Groot waar het telt. Kamercodes, scores, de buzzer en de worp zijn groot; uitleg is klein en kort.
  4. Telefoon eerst. Spelersschermen zijn gemaakt voor één hand; het gedeelde scherm is leesbaar vanaf de bank.