Default headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Styled headings
The names of the headings are the classnames
text-4xl-bold
text-3xl-bold
text-2xl-bold
text-2xl-medium
text-xl-regular
text-xl-bold
text-base-regular
Default text
Font weights gebruik je dmv 3 variabelen:
$fw-bold: 700; $fw-medium: 500; $fw-regular: 400;
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A dignissimos est eum eveniet id impedit ipsum, laudantium magni minus nam perspiciatis repellat repellendus rerum similique sint, suscipit vitae, voluptas voluptates?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus iste nobis qui voluptas voluptatem? Adipisci aliquam dignissimos eligendi expedita, hic, laudantium nemo nisi odit quia, recusandae sit suscipit veritatis voluptatum.
- List item 1
- List item 2
- List item 3
- List item 4
- List item 5
- List item 1
- List item 2
- List item 3
- List item 4
- List item 5
Blockquote Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Image styling
Images that need to be squared need to be in a picture element with a class `image__squared`. This will make sure that the image will become a square. The height is related to the width, so make sure you pay attention to yout grid!
Colors
Inspect the color to find the .bg-COLOR name. Note that all .bg- classes are also .c-COLOR classes
The display of two cards
iqagency_
We zijn een creatief bureau voor merkbeleving en merkactivatie. We zijn creatieven en pragmatisten op zoek naar wat ons mens maakt. Naar wat ons dichter bij elkaar brengt. Dat doen we door zintuigen te prikkelen *-*, emoties los te maken :-D en je dingen te laten voelen ^-^. Omdat we in de kracht van beleving geloven.
Lees meer over ons