Vormentaal & lay-out

Het basisstramien vormt de basis van alle uitingen binnen de huisstijl. Het systeem is flexibel toepasbaar op uiteenlopende formaten, zoals flyers, brochures, advertenties en
bouwborden. Hieronder wordt de opbouw toegelicht aan de hand van een staand
A-formaat.

Basisstramien opzetten
Verdeel de kortste zijde van het formaat in 24 gelijke delen. Gebruik deze maat vervolgens om de lange zijde op te bouwen, zodat een gelijkmatig blokkenstramien ontstaat. Dit raster vormt de basis voor de positionering van alle elementen binnen het ontwerp.

Witrand bepalen
Rondom het formaat wordt een vaste witrand aangehouden van 1 blok. Deze rand creëert rust en zorgt voor voldoende afstand tot de paginarand.

Zetspiegel bepalen
De zetspiegel wordt geplaatst op 0,5 blok binnen de witrand. Hiermee ontstaat een duidelijke werkruimte voor tekst, beeld en andere content. Het kolomwit kan gelijk zijn aan één blok of een afgeleide hiervan.

Flexibel contentvlak
Er wordt gewerkt met een flexibel contentvlak voor fotografie, illustraties en grafische
elementen. Het contentvlak staat op 1 blok van de rand zodat het passe-partout ontstaat. Dit vlak kan worden vergroot of verkleind, afhankelijk van de inhoud en compositie. Hierdoor kan ook de verhouding tussen contentvlak en passe-partout variëren, terwijl de onderliggende structuur behouden blijft.

Basis
Het basisstramien vormt de basis van de huisstijl. Alle contentvlakken, marges en
grafische elementen zijn opgebouwd vanuit een raster van 24 gelijke blokken. Hierdoor
ontstaat een consistente en herkenbare opbouw in alle communicatiemiddelen.
In de basisbestanden voor posters, flyers en brochures zijn deze verhoudingen al
verwerkt. Beeldvlakken, kleurvlakken en witruimte sluiten aan op het onderliggende
raster.

Plaatsing van tekst
Voor tekst hanteren we een vaste marge van 1,5 blok vanaf de rand van de pagina.
Een marge van één blok voelt te krap, terwijl een marge van twee blokken juist te veel
witruimte creëert. De keuze voor 1,5 blok biedt de juiste balans tussen ruimte en
compactheid. Rondom het contentvlak blijft 1 blok afstand tot de tekst. Deze afstand
zorgt voor voldoende ruimte rondom de tekst en draagt bij aan een rustige en
toegankelijke uitstraling.

Door deze marge consequent toe te passen blijft de tekst goed leesbaar en ontstaat een luchtig ontwerp zonder dat er onnodig veel ruimte verloren gaat.

Het blokkengrid is een dynamische vormentaal dat de identiteit van Zaanstad versterkt. De gekleurde blokken – die bestaan uit de Zaanse kleuren, aangevuld met petrol en donkergroen – symboliseren diversiteit en de dynamiek van de gemeente Zaanstad en zorgen voor directe visuele herkenbaarheid.

Blokkengrid
Bij A-formaten is elk blok 1/8 van de breedte van het contentvlak. Dit waarborgt
een consistent en rustig beeld en voorkomt visuele ruis. Het grid wordt altijd toegepast
binnen het contentvlak en kan over fotografie en grafische achtergronden
worden geplaatst.

Toepassing
Er zijn drie standaard blokkengrids beschikbaar. Daarnaast kan een eigen variant worden opgebouwd, mits het 8-blokkenprincipe wordt gevolgd. Het 24-bloks basisstramien geldt uitsluitend als onderliggende structuur en geldt niet voor het blokkengrid.

Variatie in het aantal blokken is toegestaan, mits de visuele balans en structuur
behouden blijven.

Het blokkengrid is nooit hoger dan 50% van het contentvlak.

Naast het blokkengrid kan er ook worden gewerkt met een vlakverdeling. Dit systeem voegt kleur toe aan het ontwerp en maakt het mogelijk om meerdere contenttypen binnen één pagina te combineren.

Vlakverdeling
Het contentvlak kan worden opgedeeld in minimaal één en maximaal drie vlakken. Dit
zorgt voor flexibiliteit in de verhouding tussen beeld, illustratie en tekst. Vlakken kunnen daarnaast worden ingezet als tekstdrager, mits zij blijven uitlijnen op het onderliggende basisstramien. Hierdoor blijft de visuele structuur consistent en herkenbaar.

Het mozaïekgrid combineert in principe het blokkengrid en de vlakverdeling. Het vormt de meest speelse en flexibele lay-out binnen het contentvlak en maakt het mogelijk om verschillende contenttypen te combineren.

Mozaïekgrid
Het mozaïekgrid bestaat uit een reeks losse, vierkante vlakken of blokken met wisselende inhoud zoals fotografie, illustratie, iconen en kleurvlakken. Samen vormen deze vlakken een samenhangend mozaïek. Niet elk vlak hoeft worden ingevuld maar mag ook als visueel kleurvlak dienen.

Door variatie in blokgrootte ontstaat een dynamisch en speels beeld. Binnen deze opzet is er ruimte om blokken groter of kleiner toe te passen, mits het onderliggende blokkengrid behouden blijft.

De contentvlakken zijn primair ontwikkeld voor staande formaten, maar kunnen ook worden toegepast op liggende formaten. De onderstaande richtlijnen helpen om de visuele balans en herkenbaarheid te behouden.

Blokkengrid
Voor liggende formaten wordt gewerkt met een raster van zes blokken hoog. Het blokkengrid zelf bestaat daarbij maximaal uit vier blokken hoog. Deze richtlijn geldt voor zowel 16:9- als A-formaten.

Vlakverdeling
Voor liggende A-formaten en 16:9-formaten wordt een raster van vier eenheden hoog
gebruikt. Deze verhouding zorgt voor hetzelfde optische effect als bij de staande varianten en waarborgt een consistente uitstraling.

Mozaïekgrid
Voor het mozaïekgrid geldt dezelfde uitgangspositie als voor de vlakverdeling.

Rasterplaatsing
Het raster wordt opgebouwd vanuit de rechter onderhoek van het contentvlak. Door afwijkende verhoudingen van liggende formaten kan het raster in sommige gevallen niet volledig aansluiten op een rasterblok.

Let op: bij kleinere formaten kan het aantal blokken worden teruggebracht, mits de
onderlinge verhoudingen en de visuele consistentie behouden blijven.