qubes-doc/developer/general/style-guide.md
2020-12-21 17:38:17 +01:00

2.9 KiB

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