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