Leg jullie huisstijl vast

Kleuren, lettertypen, logo's en regels voor beeldgebruik.

Tijdens een pilot richten we dit samen in. Stuur ons wat je al hebt. Dan bouwen we samen jullie Foundation op. Met deze handleiding kun je later zelf meer toevoegen. Meld je aan voor de pilot

01Waarom dit handig is

Als iedereen de huisstijl zelf toepast, ontstaan verschillen. Leg de afspraken vast in Gyrium, zodat ze automatisch worden toegepast en niemand ze hoeft te onthouden.

02Zo pak je het aan
  1. Voeg jullie kleuren toe en bepaal waarvoor je elke kleur gebruikt.
  2. Kies de lettertypen voor koppen en lopende tekst.
  3. Upload jullie logo en beeldmerk. Bepaal welke variant op omslagen en in kopteksten komt, en hoe groot.
  4. Bepaal de kleuren voor titels, koppen, tekst, labels en cijfers op lichte, donkere en merkkleurige achtergronden. Gyrium gebruikt deze afspraken in presentaties, documenten, e-mails en social posts.
  5. Leg één keer vast hoe knoppen eruitzien op webpagina's, in e-mails en social posts.
  6. Bepaal hoe je beelden gebruikt: achtergronden, effecten en kleurbehandelingen die stockfoto's laten aansluiten bij jullie stijl. Bij achtergrondbeelden zie je waar tekst goed leesbaar blijft.
  7. Nieuwe communicatiemiddelen krijgen automatisch deze vormgeving. Niemand hoeft de huisstijl nog handmatig toe te passen.
Gyrium op volledig scherm, met links het menu. Foundation staat open bij Colours. Het onderdeel Grounds is gemarkeerd: light, dark, light muted en dark muted, elk met een hexcode, contrastwaarde en toepassing. De toelichting wijst op de functie van elke kleur.
Stap 1Foundation, Colours · Kleuren en hun toepassingDemo: een fictief instituut voor cardiovasculair onderzoek, met gesimuleerde cijfers.
Gyrium op volledig scherm, met links het menu. Foundation staat open bij Typography. Drie kaarten zijn gemarkeerd: Headings in BioRhyme, Body in Inter en Labels in Inter, elk met een voorbeeld. De toelichting wijst op de lettertypen voor koppen, tekst en labels.
Stap 2Foundation, Typography · Lettertypen voor koppen, tekst en labelsDemo: een fictief instituut voor cardiovasculair onderzoek, met gesimuleerde cijfers.
Gyrium op volledig scherm, met links het menu. Foundation staat open bij Logos, met donkere, lichte en fullcolour logovarianten. Covers and headers is gemarkeerd, met keuzes voor logo, formaat en achtergrond en een voorbeeldomslag. De toelichting wijst op de instellingen voor omslagen en koppen.
Stap 3Foundation, Logos · Logo's op omslagen en in koppenDemo: een fictief instituut voor cardiovasculair onderzoek, met gesimuleerde cijfers.
Gyrium op volledig scherm, met links het menu. Foundation staat open bij Colours, onderdeel Colour usage. De gemarkeerde tabel toont kleuren voor titels, tekst, labels, cijfers, iconen, voetteksten en logo's, op lichte, donkere en merkkleurige achtergronden. Ook het contrast is zichtbaar.
Stap 4Foundation, Colours, Colour usage · Kleuren per onderdeelDemo: een fictief instituut voor cardiovasculair onderzoek, met gesimuleerde cijfers.
Gyrium op volledig scherm, met links het menu. Foundation staat open bij Buttons. Vorm, hoofdlettergebruik, pijl, knopkleur en tekstkleur zijn gemarkeerd. Daaronder staan voorbeelden op lichte, donkere en merkkleurige achtergronden. De toelichting wijst op de vaste knopstijl.
Stap 5Foundation, Buttons · Vorm, tekst, pijl en kleurenDemo: een fictief instituut voor cardiovasculair onderzoek, met gesimuleerde cijfers.
Gyrium op volledig scherm, met links het menu. Foundation staat open bij Backgrounds. Drie instellingen voor achtergrondbeelden op lichte, donkere en merkkleurige slides zijn gemarkeerd, elk met een draaiknop. De toelichting wijst op de ruimte voor leesbare tekst.
Stap 6Foundation, Backgrounds · Achtergrondbeelden en leesbaarheidDemo: een fictief instituut voor cardiovasculair onderzoek, met gesimuleerde cijfers.
Gebruikte kennis

Bekijk het met jullie eigen werk.

We begeleiden steeds een beperkt aantal organisaties in de pilot. Neem mee wat jullie al hebben.