{% block title %}{% trans "styleguide"|capfirst %} — {% trans "for members"|capfirst %} — {{ block.super }}{% endblock %}
{% block body %}
<h1>{% trans "styleguide"|capfirst %}</h1>
<p>
{% blocktrans trimmed %}
Welcome to the Thalia styleguide. This document describes how Thalia represents itself, online and offline.
This styleguide is meant to be followed as much as possible. Creativity is not forbidden, as long as you use this styleguide as basis.
{% endblocktrans %}
</p>
<h1id="colour">{% trans "Colours" %}</h1>
<p>
{% blocktrans trimmed %}
Thalia uses a palette of three colours. Each colour can be used as background, foreground and accent colour. We've established guidelines on how to use which colour in which situation.
{% endblocktrans %}
</p>
<h3>{% trans "black"|capfirst %}</h3>
<p>
{% trans "Hexadecimal" %}: #000000<br/>
{% trans "RGB" %}: 0 / 0 / 0<br/>
{% trans "CMYK" %}: 91 / 79 / 62 / 92
</p>
<h3>{% trans "white"|capfirst %}</h3>
<p>
{% trans "Hexadecimal" %}: #FFFFFF<br/>
{% trans "RGB" %}: 255 / 255 / 255<br/>
{% trans "CMYK" %}: 0 / 0 / 0 / 0
</p>
<h3>{% trans "magenta"|capfirst %}</h3>
<p>
{% trans "Hexadecimal" %}: #E62272<br/>
{% trans "RGB" %}: 230 / 34 / 114<br/>
{% trans "CMYK" %}: 0 / 94 / 21 / 0
</p>
<h2>{% trans "Guidelines" %}</h2>
<h3>{% trans "Option" %} 1</h3>
<p>
{% trans "Background" %}: {% trans "white" %}<br/>
{% trans "Foreground" %}: {% trans "black" %}<br/>
{% trans "Accent" %}: {% trans "magenta" %}
</p>
<h3>{% trans "Option" %} 3</h3>
<p>
{% trans "Background" %}: {% trans "black" %}<br/>
{% trans "Foreground" %}: {% trans "white" %}<br/>
{% trans "Accent" %}: {% trans "magenta" %}
</p>
<h3>{% trans "Option" %} 3</h3>
<p>
{% trans "Background" %}: {% trans "magenta" %}<br/>
{% trans "Foreground" %}: {% trans "white" %}<br/>
{% trans "Accent" %}: {% trans "black" %}
</p>
<h1>{% trans "Logo" %}</h1>
<h2>Basis</h2>
<p>
{% blocktrans trimmed %}
Thalia's logo consists of a 'T' formed by the pieces of a <ahref="https://en.wikipedia.org/wiki/Tangram"target="_blank">tangram</a> and the text 'Study Association Thalia'. The font that was used for this text is '<ahref="{{ MEDIA_URL }}styleguide/font.zip">Gill Sans MT Condensed</a>'.
{% endblocktrans %}
</p>
<p>
{% blocktrans trimmed %}
There are three versions of the logo, each one has a different background colour. The combinations of the colours follow the guidelines in the section <ahref="#colour">colour</a>.
In the situation that the background is not white, black or magenta please follow these rules:<br/>
{% endblocktrans %}
<ul>
<li>{% trans "In case of a light background, use the logo for the white background." %}</li>
<li>{% trans "In case of a dark background, use the logo for the black background." %}</li>
<li>{% trans "In case of a coloured background, use the logo for the magenta background." %}</li>