Huisstijl

Laat het eruitzien als Mago

Alles wat je nodig hebt om Mago te tonen in artikelen, talks en integraties — het beeldmerk, het palet, het typografiesysteem en tekst om te plakken. Of pak alles in één keer via de knop hierboven.

Het beeldmerk

Een M gemaakt van gesprekken

De pieken van de M lopen uit in ruiten — chatnodes die met elkaar praten. Alles bestaat uit rechte lijnen en hoeken van 45°, zodat het beeldmerk scherp blijft van een favicon van 16px tot een congresbanner.

Core-icoon

Het hoofdbeeldmerk. Oranje verloop, engineering-grid, satellietruiten. Voor het app-icoon, de marketplace-listing en de favicon.

mago-core-icon.svg ↓

Addon-icoon

Voor skills van derden, gebouwd op Mago. Charcoal met een oranje keyline — een addon draait om de core heen, het vervangt hem niet.

mago-addon-icon.svg ↓
MagoCore

Horizontale lockup

Icoon plus woordmerk, voor headers, docs en pers. "Mago" is altijd bold, de productnaam ("Core") altijd light.

mago-core-horizontal.svg ↓

Ademruimte: houd rondom het beeldmerk minimaal de eigen hoekradius vrij en gebruik het op scherm niet kleiner dan 24px. Schaal vanuit de SVG's — die zijn de bron.

Kleur

Eén luid oranje, de rest rustig

Mago Orange#FF7A33
Deep Orange#E65000
Charcoal#373330
White#FFFFFF
Peach#FFE9DC

De vuistregel: oranje markeert het merk en dingen waarop je kunt klikken — verder niets. Het verloop (Mago Orange → Deep Orange, 135°) staat alleen op icoonachtergronden, nooit achter tekst.

Typografie

Bold ontmoet light

Het contrast in het woordmerk is het hele systeem: DM Sans Bold tegenover DM Sans Light. Eén familie, twee uitersten.

Mago Core
DM Sans 700 + 300Woordmerk & koppen
Vraag je shop alles.
DM Sans 400Broodtekst & interface
Mago leest verkoopdata, loopt configuratiebomen door en schrijft content — en wacht dan op jouw akkoord voordat het ook maar iets wegschrijft.
DM MonoAlleen code
composer require mago-assistant/base

Productnamen volgen het woordmerk: Mago Core, Mago Analytics, Mago Content — bold merk, light suffix, nooit andersom.

Zo blijft het netjes

Een paar simpele regels

Graag

  • Core-icoon voor het product, Addon-icoon voor extensies
  • Zet het beeldmerk op een charcoal, witte of perzikkleurige achtergrond
  • Schrijf het als Mago — hoofdletter M, geen kapitalen
  • Schaal vanuit de SVG-bestanden, nooit vanuit screenshots

Liever niet

  • Het beeldmerk herkleuren of het verloop vervangen door een andere tint
  • Het icoon draaien, omlijnen, van schaduw voorzien of anderszins opleuken
  • Het oranje verloop achter broodtekst zetten
  • Het woordmerk in iets anders zetten dan DM Sans
Voor pers

Tekst om te plakken

Kort~25 woorden

Mago is een AI-admin-assistent voor Magento 2. Merchants chatten met hun shop — analytics, configuratie en content — aangedreven door Claude of OpenAI. Open source, MIT-licentie.

Standaard~60 woorden

Mago brengt een natuurlijke-taal-assistent in het Magento 2 admin panel. Merchants stellen vragen in gewone taal en krijgen live antwoorden over verkoop, producten, klanten en configuratie, realtime gestreamd. Schrijfacties vragen altijd om expliciete bevestiging, en toegang volgt Magento's eigen adminrollen. Modules van derden kunnen eigen skills toevoegen zonder aan de core te komen. Vereist PHP ≥ 8.1 en Magento ≥ 2.4.4.

Platform Magento ≥ 2.4.4 PHP ≥ 8.1 AI Claude · OpenAI Streaming realtime (SSE) Licentie MIT