Pattern Lab

Colors

Yhteiset Värit

#FFFFFF
#F0F0F0
#E3E3E3
#444444
#0089F2
#FF0000
#2FC090

Otakantaa

#17CEE4
#D4DC3F

Lausuntopalvelu

#F16521
#12C4AE

Kansalaisaloite

#077480
#BB448E

Kuntalaisaloite

#ADAD2D
#E2A31C

HTML

									
										<h3>Yhteiset Värit</h3>
<ul class="sg-colors global-colors">
	<li>
		<span class="sg-swatch color--a"></span>
		<span class="sg-label">#FFFFFF</span>
	</li>
	<li>
		<span class="sg-swatch color--b"></span>
		<span class="sg-label">#F0F0F0</span>
	</li>
	<li>
		<span class="sg-swatch color--c"></span>
		<span class="sg-label">#E3E3E3</span>
	</li>
	<li>
		<span class="sg-swatch color--d"></span>
		<span class="sg-label">#444444</span>
	</li>
	<li>
		<span class="sg-swatch color--e"></span>
		<span class="sg-label">#0089F2</span>
	</li>
	<li>
		<span class="sg-swatch color--f"></span>
		<span class="sg-label">#FF0000</span>
	</li>
	<li>
		<span class="sg-swatch color--g"></span>
		<span class="sg-label">#2FC090</span>
	</li>

</ul>

<h3>Otakantaa</h3>
<ul class="sg-colors otk-colors">
	<li>
		<span class="sg-swatch color--a"></span>
		<span class="sg-label">#17CEE4</span>
	</li>
	<li>
		<span class="sg-swatch color--b"></span>
		<span class="sg-label">#D4DC3F</span>
	</li>
</ul>

<h3>Lausuntopalvelu</h3>
<ul class="sg-colors lap-colors">
	<li>
		<span class="sg-swatch color--a"></span>
		<span class="sg-label">#F16521</span>
	</li>
	<li>
		<span class="sg-swatch color--b"></span>
		<span class="sg-label">#12C4AE</span>
	</li>
</ul>

<h3>Kansalaisaloite</h3>
<ul class="sg-colors kaa-colors">
	<li>
		<span class="sg-swatch color--a"></span>
		<span class="sg-label">#077480</span>
	</li>
	<li>
		<span class="sg-swatch color--b"></span>
		<span class="sg-label">#BB448E</span>
	</li>
</ul>

<h3>Kuntalaisaloite</h3>
<ul class="sg-colors kua-colors">
	<li>
		<span class="sg-swatch color--a"></span>
		<span class="sg-label">#ADAD2D</span>
	</li>
	<li>
		<span class="sg-swatch color--b"></span>
		<span class="sg-label">#E2A31C</span>
	</li>
</ul>

Fonts

Primary font: "PT Sans", "Helvetica", "Arial", sans-serif;

Primary font italic: "PT Sans", "Helvetica", "Arial", sans-serif;

Primary font bold: "PT Sans", "Helvetica", "Arial", sans-serif;

HTML

									
										<p>Primary font: "PT Sans", "Helvetica", "Arial", sans-serif;</p>
<p><em>Primary font italic: "PT Sans", "Helvetica", "Arial", sans-serif;</em></p>
<p><strong>Primary font bold: "PT Sans", "Helvetica", "Arial", sans-serif;</strong></p>