Huisstijl

Logo's, kleuren en letters. Pak wat je nodig hebt.

Oost west, stijl best

Schrijf je over B03M, of zet je ons in een presentatie of op je site? Pak hier wat je nodig hebt. Alles mag je gebruiken, zolang het over B03M gaat. Iets nodig wat er niet bij staat? Mail ons.

Het beeldmerk heet ACKS: de ster van ons platform, in drie lagen. En op zijn eigen manier een ode aan TCP-verbindingen. Met de icons bovenin kopieer je een plaatje, bij ASCII de tekens zelf.

ACKS op B03M-Brown
ACKS op Dune-Sand
ACKS Dune-Sand: SVG PNG LQ PNG HQ B03M-Brown: SVG PNG LQ PNG HQ
ACKS ASCII op B03M-Brown
ACKS ASCII op Dune-Sand
ACKS ASCII Dune-Sand: SVG PNG LQ PNG HQ TXT B03M-Brown: SVG PNG LQ PNG HQ TXT
ACKS B03M op B03M-Brown
ACKS B03M op Dune-Sand
ACKS B03M Dune-Sand: SVG PNG LQ PNG HQ B03M-Brown: SVG PNG LQ PNG HQ
ACKS B03M ASCII op B03M-Brown
ACKS B03M ASCII op Dune-Sand
ACKS B03M ASCII Dune-Sand: SVG PNG LQ PNG HQ TXT B03M-Brown: SVG PNG LQ PNG HQ TXT
ACKS, transparant
ACKS, transparant SVG PNG LQ PNG HQ
ACKS B03M, transparant
ACKS B03M, transparant SVG PNG LQ PNG HQ
B03M in Wrinkly-Paper
B03M in B03M-Brown
B03M B03M-Brown: SVG PNG LQ PNG HQ Wrinkly-Paper: SVG PNG LQ PNG HQ
B03M ASCII op B03M-Brown
B03M ASCII op Dune-Sand
B03M ASCII Dune-Sand: SVG PNG LQ PNG HQ TXT B03M-Brown: SVG PNG LQ PNG HQ TXT

Alles in één zip

Gebruik

Wel

  • Standaard op Dune-Sand.
  • Ruimte om het logo, minstens één arm breed.
  • B03M met een nul en een drie. W0RK ook met een nul. FAM en W0RK in hoofdletters, B03MB0X met twee nullen en een drie.

Niet

  • Geen cirkel of rand om ACKS.
  • Niet uitrekken, draaien of omkleuren, en geen schaduw of effecten.
  • ACKS niet in alleen Hello-Yellow of alleen Dusty-Rose.

Hello-Yellow hoort bij W0RK, Dusty-Rose bij FAM. In de app zie je daaraan in welke omgeving je bent. In ACKS staan ze samen, want B03M is allebei.

Kleur

Zes kleuren: B03M-Brown, Dusty-Rose en Hello-Yellow uit ACKS, op Wrinkly-Paper en Dune-Sand, met Cobalt-Crush voor CTA's en callouts. Klik op een kleur om de hex te kopiëren.

  • B03M-Brown --boem-brown RGB 43, 36, 27 De bovenste laag van ACKS, en de naam B03M.
  • Dusty-Rose --boem-dusty-rose RGB 212, 157, 160 FAM, en de onderste laag van ACKS.
  • Hello-Yellow --boem-hello-yellow RGB 255, 182, 39 W0RK, en de middelste laag van ACKS.
  • Wrinkly-Paper --boem-wrinkly-paper RGB 255, 248, 231 De achtergrond van de site.
  • Dune-Sand --boem-dune-sand RGB 245, 235, 200 Vlakken en kaarten, en tussen Rocky zijn robovac-wieltjes.
  • Cobalt-Crush --boem-cobalt-crush RGB 53, 84, 165 CTA's, call-outs en knappe koppen.

Letters

Drie lettertypes van Spoke, de werkplaats van Teo Tuominen in Finland, en één uit een oude IBM, omdat we de oude MS-DOS en BBS tijd zo leuk vinden. Zoals Teo zegt: Buy Fonts Be Cool.

  • Jouw data, jouw AI.
    B03M denkt mee, jij beslist.

    Ompu Voor de koppen en voor de naam B03M zelf. Ompu komt van Spoke. Spoke
  • Wat eten we vanavond,
    en wie haalt de kids op?

    Cure Sans Voor alle lopende tekst. Cure Sans komt ook van Spoke en is nog in beta. Spoke, via Future Fonts
  • Elke letter is zorgvuldig
    ontworpen en getest.

    Cure Sans Mono Voor labels, knoppen, tijden en code. De mono die hoort bij Cure Sans. Spoke, via Future Fonts
  • C:\B03M>defrag c: /h /x
    PKUNZIP A:\B03M-source.ZIP

    IBM VGA 8x16 Opstartscherm en pixels. Van VileR, uit The Ultimate Oldschool PC Font Pack. int10h.org

UI-libraries

Libraries die we voor de UI gebruikt hebben.

  • neobrutalism.dev Dikke randen, harde schaduwen: hier leerden onze knoppen stoer doen. neobrutalism.dev
  • Pixelarticons Alle icons op de site en in de app.
    Pixel voor pixel.
    pixelarticons.com

Tech-stack

Waar B03M op draait.

  • Wasp Het framework onder de app: React en Node, met een stuk minder gedoe. wasp.sh
  • Coolify Organiseert en orchestreert de deploys
    en ruimt alle containers netjes op.
    coolify.io

Laatst bijgewerkt op 30 oktober 2026.