id-community-style-kit/src/views/index.html

A style kit for .id community products

---
title: Overview | Fabricator
fabricator: true
---

<h1>Overview</h1>

<p>This UI toolkit is a highly-modular design system for rapid web page development. It contains different materials that can be assembled into more complex page layouts.</p>

<p>This guide contains real working examples, code snippets, documentation, and style guidelines.</p>


<h2>Color</h2>

{{#each toolkit.colors}}
<div class="f-color-chips">
	{{#each this}}
	<div class="f-color-chip {{this}}">
		<div class="f-color-chip__name">{{@key}}</div>
		<div class="f-color-chip__color">${{this}}</div>
	</div>
	{{/each}}
</div>
{{/each}}

<h2>Typography</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam enim sunt sapiente molestias, sed dicta inventore consectetur beatae asperiores, aliquid laboriosam animi, praesentium repudiandae et, quam saepe sint cupiditate reiciendis.</p>

<h1>Heading Level 1</h1>
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>