Branding

{{ design.patterns.renderPattern('branding', {}) | safe }}

Source (Nunjucks) 

<h2>Branding</h2>
{% for color in data.colorSchemes %}
   <h3 class="var(--accent)">{{ color.title | safe }}</h3>
   <p>{{ color.description | safe }}</p>

{% endfor %}

Information

This component is a visual check of the variables set for the overall colour scheme.

Gonk Design: Pattern Library

View the website ←