Ga naar inhoud
HOOFDSTUK 01 · LOGO

Logo

Het logo van Atlas Agency is het woordmerk ATLAS AGENCY met de tagline REACH HIGHER. Zo staat het live in de header van atlasagency.nl. Het is geen nieuw ontwerp: de vector is overgetrokken van het live logo (Odoo website 6, 500 x 88 px) en daarna terug-gerenderd en vergeleken met dat origineel. Letters zijn overgetrokken, niet opnieuw getypt.

Varianten

Gemeten kleuren

Deel Kleur Waar gemeten
ATLAS AGENCY #0066CC (logoblauw) live logo atlasagency.nl, mediaan van de dekkende pixels
REACH HIGHER. #000000 idem
App-icoon: tegel, A, stip #03060F, #1A7FE8, #00E1FF live favicon, ongewijzigde vector

Logoblauw #0066CC is een andere tint dan het Agency-blauw #0EA5FF van de site. Dat is zo live, en zo blijft het: het logo wordt niet bijgekleurd naar het palet, en logoblauw wordt geen UI-kleur.

Vrije ruimte

Vrije ruimte rond het woordmerk: X is de hoogte van de hoofdletters
X = de hoogte van de hoofdletters van ATLAS AGENCY. Houd die ruimte rondom vrij.

Houd rondom het woordmerk minimaal X vrij: de hoogte van de hoofdletters van ATLAS AGENCY. Dat is ongeveer een tiende van de breedte van het logo. In de live header (40 px hoog) is dat zo'n 21 px. Binnen die ruimte geen tekst, randen of andere logo's. Zet het logo niet in een kader of vorm.

Minimale maat

Woordmerk op minimale maat
200 px · 50 mm (minimum)
Woordmerk in de header
40 px hoog · live header
App-icoon 16 px
16 px
App-icoon 32 px
32 px
App-icoon 64 px
64 px
Logo Scherm Druk Waarom
Woordmerk 200 px breed 50 mm breed REACH HIGHER. is maar 3% van de breedte; kleiner wordt het onleesbaar
App-icoon 16 px 6 mm Gemaakt als favicon; de buitenrand valt onder 32 px weg, de A blijft

Moet het kleiner dan 200 px? Gebruik dan het app-icoon. Haal de tagline niet weg en typ de naam niet opnieuw.

Wel

Het woordmerk in de eigen kleuren op wit. Zo staat het live in de header.
Het woordmerk in de eigen kleuren op wit. Zo staat het live in de header.
Op het lichte mist-vlak #EEF5FC.
Op het lichte mist-vlak #EEF5FC.
Op inkt #0A1628 of een donkere foto: de witte variant.
Op inkt #0A1628 of een donkere foto: de witte variant.
Eén kleur druk, stempel of gravure: de zwarte variant.
Eén kleur druk, stempel of gravure: de zwarte variant.

Niet

Niet uitrekken of samendrukken.
Niet uitrekken of samendrukken.
Niet draaien of kantelen.
Niet draaien of kantelen.
Geen andere kleur dan logoblauw, wit of zwart.
Geen andere kleur dan logoblauw, wit of zwart.
Geen verloop in het woordmerk, ook niet het blauwe verloop van de koppen.
Geen verloop in het woordmerk, ook niet het blauwe verloop van de koppen.
Geen schaduw of gloed.
Geen schaduw of gloed.
Niet omlijnen of de vulling weghalen.
Niet omlijnen of de vulling weghalen.
Het blauwe woordmerk niet op inkt: gebruik dan wit.
Het blauwe woordmerk niet op inkt: gebruik dan wit.
Niet op Agency-blauw of diepblauw: het valt weg.
Niet op Agency-blauw of diepblauw: het valt weg.
REACH HIGHER. hoort erbij. Niet weglaten of los zetten.
REACH HIGHER. hoort erbij. Niet weglaten of los zetten.
Geen tekst, rand of ander logo binnen de vrije ruimte.
Geen tekst, rand of ander logo binnen de vrije ruimte.

Favicon en avatar

Het app-icoon is de live favicon van atlasagency.nl. Gebruik het als avatar op social media en als app-icoon. De tegel is vierkant en vult het vlak, dus ook een ronde uitsnede werkt.

<link rel="icon" href="/atlas-agency-icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/atlas-agency-icon-256.png">

Downloads

Alle varianten als SVG en PNG (64 tot 2048 px) zitten in atlas-agency-logos.zip. SVG is de bron; gebruik PNG alleen waar SVG niet kan, zoals in e-mail.