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}}

{% 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}}

{% 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 & versions of the Qubes logo used both in the OS itself and on our website. All of these files are licensed GPLv2 and the source 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 %}