qubes-doc/basics_dev/style-guide.md

layout	title	permalink
doc	Style-guide	/doc/style-guide/

Style Guide

Fonts

Currently Qubes OS is using the following fonts for our website, branding, and other public facing (non-OS) materials. The OS itself uses what is normal for a user's desktop environment of choice.

{% for font in site.data.styleguide.fonts %}

Custom Qubes Font

Family: {{font.family}}

{% endfor %}

---

Colors

The following grayscale colors are currently used on the Qubes website and documentation, and they will eventually match colors within the OS itself.

{% for color in site.data.styleguide.colors %} {% if color.type == "grayscale" %}

{{color.name}} #{{color.hex | downcase}}

{% endif %} {% endfor %}

The following colors are currently being used on the Qubes website and documentation, and they will eventually match the colors within the OS itself!

{% for color in site.data.styleguide.colors %} {% if color.type == "colors" %}

{{color.name}} #{{color.hex | downcase}}

{% endif %} {% endfor %}

---

Icons

Currently, all the icons on the Qubes-OS.org website are generated using FontAwesome.

As more custom work is done to generate icons for the operating system itself, they will be added here!

---

Logos

The following is a collection of various sizes and versions of the Qubes logo used both in the OS itself and on our website. The artwork is licensed under Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0). The code is licensed under GNU GPLv2. GPLv2 and the source code can be downloaded here.

{% for logo in site.data.styleguide.logos %} {% for version in logo.versions %}

Image: {{logo.image}}
Size: {{version.size}}
Format: {{version.format}}
Download: this image

{% endfor %} {% endfor %}