Visual Guide

Colors

We are using a predefined Color Palette throughout our Application. You can find the corresponding github repo over here

Typography

We use “Open Sans” everywhere. Its a font by “Steve Matteson”. It’s licensed under Apache License, Version 2.0 and available on Google Fonts

When it comes to the App, the only sizes we are using are 18, 14, 13 and 12 pixels.

Font Style

Use

• Italic
• Bold
• Semibold

Don’t use

• Underline
• Bold and Italic toghether

Font Colors

All our colors are fine! But don’t overuse them. For dark Text you should use #333333

Use

• All our colors
• `#333333 for dark text on light background

Don’t use

• Underline
• Bold and Italic toghether
• Colors in Fonts without any reason

Logos

We either use the Logo with the name “Allthings” to the right, or just the Logo.

You can find the logo files here