Foundation

{{{components.back-to-top}}}

Intro

{{{components.intro}}}

{{{components.back-to-top}}}

Colors

{{#each brandai.colorSections}}

{{this.name}}

{{#each this.colors}}

$color-{{nameToCSS this.name}} {{this.value}}

{{/each}}

{{/each}}

{{{components.back-to-top}}}

Font Families

{{#each brandai.fonts}}

{{this.name}}

{{#each this.variants}}

Aa

{{../this.family}} {{fontVariantString this}}

{{/each}}

{{/each}}

{{#each content}}

{{title}}

{{#each this.objects}}

{{{@root.components.back-to-top}}}

{{title}}

{{#if usage}}

{{{usage}}}

{{/if}}

{{{content}}}

{{{components.markup-controls}}}

{{#if example}}{{example}}{{else}}{{content}}{{/if}}

{{/each}}

{{/each}}