Skip to content

Latest commit

 

History

History
167 lines (100 loc) · 3.47 KB

STYLE_GUIDE.md

File metadata and controls

167 lines (100 loc) · 3.47 KB

Style Guide

while-true-do.io Style Guide

Table of Contents

Intro

while-true-do.io stands for Free/Libre Open Source contribution. It is coming from the idea, that you should do whatever can be done, as long as it is needed. Adding content to FLOSS / Open Source in one or another way was and will always be the key intention behind while-true-do.io.

The Styling should reflect our intentions, motivation and ideals.

Logo

The logo is a stylized turtle. The turtle stands for sustainability, reliability, steadiness and wisdom. The form is defined by the infinity symbol and is reflecting the "while true do = infinite loop" idea.

Logo and Marque

Logo Variations

Logo Placement

Colors

Having a fixed set of colors will help to identify while-true-do.io, even when it is not written explicitly. The below color definitions should be applied, when possible.

Color Palette

The chosen color palette is directly bound to our main principles and ideals. Variants and tints can be used, when interface design recommends it.

overview


sustainability emerald (#2ece72)

2ece72

darker variant (#0eae50)

0eae50


reliability turquoise (#1abcac)

1abcac

darker variant (#0a9c9c)

0a9c9c


steadiness grey (#959595)

959595

darker variant (#757575)

757575


wisdom white (#eef0f0)

eef0f0


infinity black (#090509)

090509


Typeface

For browser applications (like websites), one should rely on system fonts. The user is already familiar with his system and should not be forced to use another font.

On the other hand, on documents like *.pdfs, written letters or when creating images, one should rely on the below typefaces.

We have chosen a font, which is good looking, well known and easy to read. It is also under a free license and widely used in Open Source environments.

DejaVu Fonts

Typeface Sans

Sans fonts are often used on digital presentations like:

  • websites
  • mobile applications
  • desktop applications

Example

Typeface Serif

Serif fonts are often used for documents on an analog medium like:

  • letters
  • paper documents
  • brochures

Example

Typeface Mono

Mono fonts are quite technical and should only be used in a technical context like:

  • code blocks
  • terminals

Examples

Pictographs

Frameworks

Style Cheat