Styleguide

Download Patternpool Logo

10 KB; .svg-Vektorgrafik

Download Quicksand TTF Font

540 KB; .zip-Archiv

Typographie

Abschnittseinleitung

Headline H1

Subheading H2

Fettgedruckter Copy-Text. Fettgedruckter Copy-Text. Fettgedruckter Copy-Text. Fettgedruckter Copy-Text. Fettgedruckter Copy-Text. Fettgedruckter Copy-Text. Fettgedruckter Copy-Text. Fettgedruckter Copy-Text.

Quicksand; #222222; 18px; 300

Quicksand; #222222; 25px; 400

Quicksand; #222222; 20px; 400

Quicksand; #2f7dae; 16px; 500

Regulärer Body-Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Quicksand; #222222; 16px; 400

Überschrift H3

Quicksand; #222222; 20px; 400

Quicksand; #222222; 16px; 400

Farben

Main Accent

#2F7DAE

Main Accent Hover

#296499

Alternative Accent

#FF7701

Background

#F2F4F7

Elements

Regular Button

Regular Button with Icon

Outline Button

Layout

Dieses Element hat innen oben und unten den Standardabstand eingestellt.

Beatae illum laudantium esse voluptatem dolore dolorem. Ipsum recusandae dolorem id et voluptatibus nihil magnam possimus. Perferendis et dolorem quos sed fugit et a. Odit blanditiis explicabo nihil. Natus quis dolorem provident ea qui quod expedita. Temporibus ad et ut soluta et asperiores qui. In omnis odit dolor voluptas. Voluptas nam iste deserunt voluptates nemo. Et magni corrupti et laborum soluta rerum voluptas.

Dieses Element hat innen oben und unten den Standardabstand eingestellt.

Dieses Element hat innen oben und unten den halben Standardabstand eingestellt.

Dieses Element hat innen oben und unten ein viertel Standardabstand eingestellt.

Dieses Element hat innen oben und unten den doppelten Standardabstand eingestellt.