HOOFDSTUK 09 · DOWNLOADS
Downloads¶
Alles wat je nodig hebt om met de huisstijl van Atlas Agency te werken. De zips bevatten de echte bestanden, niet een nabouw.
Zip-bestanden¶
| Bestand | Inhoud | Grootte |
|---|---|---|
atlas-agency-logos.zip |
Woordmerk (kleur, wit, zwart) en app-icoon als SVG en als PNG op zes maten. | 257,3 KB |
atlas-agency-kleur-en-typografie.zip |
Design tokens (CSS, SCSS, JSON), palet als ASE en de lettertypen (woff2, OFL). | 133,8 KB |
atlas-agency-sjablonen.zip |
Social post en offertevoorblad (SVG, HTML), e-mailhandtekening (HTML, tekst), met voorbeeld-PNG's. | 304,2 KB |
atlas-agency-huisstijl-kit.zip |
Alles in één: logo's, tokens, palet, lettertypen, sjablonen en beeld. | 2,3 MB |
Los te downloaden¶
| Bestand | Wat |
|---|---|
atlas-agency-wordmark.svg |
Woordmerk in kleur (SVG) |
atlas-agency-wordmark-white.svg |
Woordmerk wit, voor donker (SVG) |
atlas-agency-wordmark-1024.png |
Woordmerk in kleur (PNG, 1024 px) |
atlas-agency-wordmark-white-1024.png |
Woordmerk wit (PNG, 1024 px) |
atlas-agency-icon.svg |
App-icoon en favicon (SVG) |
agency-tokens.css |
Design tokens (CSS-variabelen) |
agency-tokens.scss |
Design tokens (SCSS) |
agency-tokens.json |
Design tokens (JSON, de bron) |
atlas-agency-palet.ase |
Kleurenpalet (Adobe Swatch Exchange) |
Wat zit waarin¶
- Logo's: SVG is de bron. PNG op 64, 128, 256, 512, 1024 en 2048 px (langste zijde), transparant.
- Kleur en typografie: de tokens als CSS, SCSS en JSON, het palet als ASE voor Adobe en Affinity, en de drie lettertypen als woff2 met hun licentie (SIL OFL 1.1).
- Sjablonen: social post, offertevoorblad en e-mailhandtekening, met de lettertypen erbij.
- Huisstijl-kit: alles hierboven plus het beeld (screenshots en projectfoto's). Dat beeld is van klantwerk: alleen gebruiken voor Atlas Agency.
Tokens gebruiken¶
<link rel="stylesheet" href="https://branding.atlasagency.nl/downloads/agency-tokens.css">
.knop { background: var(--ag-color-blue); color: var(--ag-color-ink); border-radius: var(--ag-radius-pill); }
agency-tokens.json is de bron. Verandert de stijl van atlasagency.nl, dan wordt dat bestand aangepast en dit handboek, de CSS, de SCSS, het palet en de sjablonen opnieuw gebouwd.