--- layout: doc title: Style-guide permalink: /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](https://fontawesome.com/). *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](https://github.com/QubesOS/qubes-artwork).
{% 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 %}