In this styleguide you’ll find all official logo’s, colors, fonts en other style elements considering the guidelines of the Dynatos brand. Please make use of the styleguide to make sure you are using approved brand-elements.
Logo
The Dynatos logo consist of multiple color variations were the preferred versions are “gradient color” for a light-background and the “white” versions for a dark-background. The logo-kit contains, Digital (RGB) and Print (CMYK) versons, in multiple sizes. Long and short versions of the logo are included.
- Logo gradient color;
- Logo dark;
- Logo white;
- Logo Digital;
- Logo Print;
Fonts
These fonts must be used in any form of communication, both have an OFL license and can therefore be used in commercial applications free of charge.
In headers we make use of the “Oxygen” font and for regular text we use “Open Sans”.
Lay-out
The Dynatos text lay-out consists of multiple Oxygen header sizes, styling and distances. As so, the regular Open Sans text size and distance.
H1 Headline
- Font-family: Oxygen
- Font-size: 2.2em
- Line-height: 1.4em
- Bottom-indent: 5px
- Font-weight: bold (700em)
- Font-style: regular
H1 Subtitle
- Font-family: Oxygen
- Font-size: 1.5em
- Line-height: 1.4em
- Top-indent: -5px
- Bottom-indent: 5px
- Font-weight: normal (400em)
- Font-style: Regular
H2 Headline
- Font-family: Oxygen
- Font-size: 1.75em
- Line-height: 1.4em
- Bottom-indent: 5px
- Font-weight: bold (700em)
- Font-style: Regular
H2 Subtitle
- Font-family: Oxygen
- Font-size: 1.25em
- Line-height: 1.4em
- Top-indent: -5px
- Bottom-indent: 5px
- Font-weight: normal (400em)
- Font-style: Regular
H3 Headline
- Font-family: Oxygen
- Font-size: 1.25em
- Line-height: 1.4em
- Bottom-indent: 5px
- Font-weight: bold (700em)
- Font-style: Regular
Regular text
- Font-family: Open Sans
- Font-size: 0.938em
- Line-height: 1.563em
- Bottom-indent: 2.0em
- Font-weight: normal (400em)
Unordered list
- Font-family: Font Awesome
- Content: \f058
- Font-size: 30px
- Padding left: 30px
- Line-height: 1.0em
- Color: #ff8e00
Ordered list
- Font-family: Font Awesome
- Font-size: 1.063em
- Padding left: 30px
- Line-height: 1.0em
- Color: #ff8e00
Color palette
Gradient Blue is the primary house color and is used for the logo and to color large areas. Furthermore, the grey and dark shades are used as supporting colors and for typographic use. Finally, you can use orange as an accent color.