Consistente oplossing voor keep vormtaal

[Rozerinay]

Omschrijving

De nieuwe Rijkshuisstijl heeft een vormtaal genaamd 'keep'. Deze kan op verschillende componenten worden toegepast, onder andere op:

• Image
• Hero
• Blockquote

Kunnen we iets verzinnen dat je deze vormtaal gemakkelijk en consistent op je componenten kunt zetten?

Om je als organisatie te kunnen differentiëren van andere overheidsorganisaties mag je hier zelf een borderradius voor kiezen op basis van halve lint-sizes (24px). Dus 24px, 48px, 72px etc. Je mag deze ook random toepassen. Dus op ene image 24px en op een ander 72px, dit moet dus mogelijk zijn.

Andere regels:

• Verder is er ook de regel dat de border radius niet tegenover elkaar mogen staan als je meerdere keeps combineert zoals in de hero. Dit dan ook niet mogelijk maken in het component.
• Er mogen maximaal 3 vorm elementen genest worden.
• Er zijn ook andere regels zoals: Het vormelement krijgt een breedte die gebaseerd is op de breedte of hoogte van het basiskader. Denk hierbij aan een kwart, half, driekwart of hele breedte, maar ook aan 1/3 of 2/3 verhoudingen.

Dit graag ook laten werken als je wisselt van thema: oud naar nieuwe rijkshuisstijl.

Degene die hieraan werkt kan ik wel wat meer info sturen, qua plaatjes enzo.

[Rozerinay]

@AlineNap note voor ons: ook de Hero reviewen zodra dit ticket in 'Design review' staat.