Valetudo/docs/_pages/style-guide.md

5.7 KiB

title category order
Style Guide Misc 33

Style Guide

While I am by no means a designer, I figured that it would make sense to document some design choices for the sake of consistency.

General

This project is called Valetudo with a capital V.

It should always be capitalized.
There also shouldn't be any spaces in between, as "vale tudo" is a style of mixed martial arts.

This is the main logo including the full project name.

Valetudo Full Logo

The font used is Ubuntu Medium, which nicely picks up the round-ish-ness of the Valetudo logo.

This is the minimal variant of the logo featuring only the actual logo part. It is usually used for icons or when the full logo is simply too large to make sense.

Valetudo Minimal Logo

The logo embodies both a V-shape for Valetudo and a round-ish shape to represent the roundness of most vacuum robots. Furthermore, it features a styled reference to a LIDAR tower in the middle.

Colors

Logo colors

The two shades of blue used in the logo serve as the identity of the project and thus must never be altered.

#0076FF
#52AEFF

Text/Background colors

This section needs some work. There hasn't been any decision yet.

Accent colors

Valetudo's main use of color is the map renderer with the same blue used in the logo representing floor and additional colors being used to distinguish different segments in the map.

These colors may also be used to emphasize something or add color to other areas. For example, the logviewer uses these to easily distinguish the different loglevels.

To better match dark themes, the 20% darkened variant that can be seen on the right may also be used.

#0076FF
#005ECC
#19A1A1
#148181
#7AC037
#629A2C
#DF5618
#B24513
#F7C841
#C6A034
#9966CC
#7A52A3

Fonts

The font used by the full logo is Ubuntu Medium.

Further choices of fonts are TBD.