index.html

---
layout: home
page: home
selected: home
title: Pattern Library
---

<p>The Thrive product and team has grown so in an effort to help us work more efficiently and intuitively we have put together this centralised hub for showcasing our design rules, principles, and frontend components.</p>

<figure><img src="{{ site.baseurl }}/assets/images/patternLibraryHero.png" class="main__content__img" /></figure>

<h2>Our Platform</h2>

<p>Thrive is made up of four main components - the content management system, Android app, iOS app and web app.</p>

<p>This pattern library will cover design patterns for each component but always be a work in progress and ever-changing, but should help designers and developers on the team collaborate more effectively and build a more solid product together.</p>

<div class="main__content__block">
	<a href="{{ site.baseurl }}/cms/" class="main__content__block__third">
		<span class="block__link__subtitle">Style Guide</span>
		CMS <span class="block__link__icon">&#10142;</span>
	</a>
	<a href="{{ site.baseurl }}/native/" class="main__content__block__third">
		<span class="block__link__subtitle">Style Guide</span>
		Android &amp; iOS apps <span class="block__link__icon">&#10142;</span>
	</a>
	<a href="{{ site.baseurl }}/webapp/" class="main__content__block__third main__content__block__third--last">
		<span class="block__link__subtitle">Style Guide</span>
		Webapp <span class="block__link__icon">&#10142;</span>
	</a>
</div>