Fysiotherapie Gezondheidscentra Osdorp brand guidelines

Brand
Guidelines

Logo varianten

Turpis non pharetra curabitur, proin sed integer maecenas id nullam aliquet suscipit arcu morbi, natoque venenatis proin egestas aptent interdum. In Faucibus laoreet.

Typografie

Primary typeface

Poppins

Poppins Lightabcdefghijklmabcdefghijklm

Poppins Mediumabcdefghijklmabcdefghijklm

Poppins Semi-Boldabcdefghijklmabcdefghijklm

Poppins Boldabcdefghijklmabcdefghijklm

Text sizes

H1Size: 80 pxFont-weight: Bold

Heading one

H2Size: 50 pxFont-weight: Bold

Heading two

H3Size: 24 pxFont-weight: Semi-bold

Heading three

H4Size: 20 pxFont-weight: Medium

Heading four

H5Size: 18 pxFont-weight: Medium

Heading five

H6Size: 16 pxFont-weight: Medium

Heading six

PSize: 18 pxFont-weight: Medium

Paragraph text

Word spacing & line height

Poppins Light
12/14.4pxDefault leading

Turpis non pharetra curabitur, proin sed integer maecenas id nullam aliquet suscipit arcu morbi, natoque venenatis proin egestas aptent interdum. In Faucibus laoreet. Vehicula Viverra dictumst sapien, egestas ridiculus. Senectus mauris etiam.

Poppins Light
12/20pxEasier to read

Turpis non pharetra curabitur, proin sed integer maecenas id nullam aliquet suscipit arcu morbi, natoque venenatis proin egestas aptent interdum. In Faucibus laoreet. Vehicula Viverra dictumst sapien, egestas ridiculus. Senectus mauris etiam.

Poppins Light
12/24pxToo loose

Turpis non pharetra curabitur, proin sed integer maecenas id nullam aliquet suscipit arcu morbi, natoque venenatis proin egestas aptent interdum. In Faucibus laoreet. Vehicula Viverra dictumst sapien, egestas ridiculus. Senectus mauris etiam.

Line Height

Line height for headings is measured by taking the font size and multiplying it by 1.2.
For example:

Heading one80px font size, 72px line height

Line height for paragraphs is measured by taking the font size and multiplying it by 1.5.
For example:

Example of a paragraph of text18px font size, 27px line height

Brand colors

#883e8ehsl(295 39% 40%)

#e1cfe2hsl(295 39% 40% / 25%)

#f0e7f1hsl(295 39% 40% / 12%)

#000000hsl(0, 0%, 0%)