Het stijlgids patroon bevat de standaard blokken en voorbeeld kleurbehandelingen voor het maken van een stijlgids pagina op je website. Dit patroon is een eenvoudige manier om de standaard kopteksten, citaat, knoppen, citaten en afbeelding cover inhoud toe te voegen aan de inhoud van een website die je aan het stylen bent. Lever de stijlgids bij de website van een klant voor eenvoudige referentie en naleving van het ontwerp.

Typografie


Koptekst 1

Koptekst 2

Koptekst 3

Koptekst 4

Koptekst 5
Koptekst 6

Paragraaf typografie. Heb je dat gehoord? Ze hebben de hoofdreactor stilgelegd. We zullen zeker vernietigd worden. Dit is waanzin! We zijn verdoemd! Er zal deze keer geen ontsnappen aan de prinses zijn. Wat is dat? R2! R2-Detoo, waar ben je? Eindelijk! Waar ben je geweest? Ze komen deze kant op. Wat gaan we doen? We worden naar de specerijen mijn van Kessel gestuurd of in wie weet wat vermorzeld!


Kleuren

#000000

#ABB8C3

#0693E3

#8ED1FC


Knoppen


citaten

Standaard citaat

Jouw lot ligt bij mij, Skywalker. Obi-Wan wist dat dit waar was. Nee! Te gemakkelijk. Misschien ben je niet zo sterk als de Keizer dacht. Indrukwekkend…zeer indrukwekkend. Obi-Wan heeft je goed opgeleid. Je hebt je angst onder controle.

Darth Vader

Plat citaat

Jouw lot ligt bij mij, Skywalker. Obi-Wan wist dat dit waar was. Nee! Te gemakkelijk. Misschien ben je niet zo sterk als de Keizer dacht. Indrukwekkend…zeer indrukwekkend. Obi-Wan heeft je goed opgeleid. Je hebt je angst onder controle.

Darth Vader

Pullquotes

Citaten die tussen tekstblokken kunnen worden geplaatst of er links of rechts naast.

Pullquote zonder uitlijning.

Obi-Wan wist dat dit waar was.

Darth Vader

Pullquote met brede uitlijning.

Nee! Allemaal te gemakkelijk. Misschien ben je niet zo sterk als de Keizer dacht.

Darth Vader

Pullquote met uitlijning over de gehele breedte

Indrukwekkend…zeer indrukwekkend. Obi-Wan heeft je goed onderwezen. Je hebt je angst onder controle.

Pullquote met links en rechts uitlijning.

Heb je dat gehoord? Ze hebben de hoofdreactor stilgelegd. We zullen zeker vernietigd worden. Dit is waanzin! we zijn verdoemd! er zal deze keer geen ontsnappen aan de prinses zijn. wat is dat? R2! R2-Detoo, waar ben je? Eindelijk! Waar ben je geweest? Ze komen deze kant op.

Jouw lot ligt bij mij, Skywalker.

Darth Vader, links uitgelijnde pullquote

Ik moet hem alleen onder ogen komen. Chewie! Ga achter me staan! Ga achter me staan! Zo kan ik er niet uit. Het lijkt erop dat je onze enige ontsnappingsroute hebt afgesneden. Misschien wil je het terug in je cel, Uwe Hoogheid.

Ben je gek? Met de snelheid die ze krijgen. Door de hyperruimte reizen is niet zoals gewassen afstoffen, jongen! Zonder precieze berekeningen kunnen we door een ster vliegen of te dicht bij een supernova komen en dat zou je reis snel beëindigen, nietwaar? Wat is dat knipperen? We verliezen ons deflectorschild. Maak je vast, ik ga de sprong naar lichtsnelheid maken. We zijn het Alderaan systeem binnengegaan.

Red Leader, we zijn recht boven je. Draai naar de punt. Oh-vijf, we dekken je. Blijf daar. Ik heb net mijn stuurboord motor verloren. Maak je klaar om aan te vallen. Biggs, Wedge, laten we het afmaken.

Jouw lot ligt bij mij, Skywalker.

Darth Vader, rechts uitgelijnde pullquote

Je wilt toch niet dat mijn leven saai wordt, of wel? Luke, de Kracht zal met je zijn. Alle vleugels melden zich. Red Ten staat klaar. Red Seven staat klaar. Red Three staat klaar. Red Six staat klaar. Red Nine staat klaar.

Hou de helft van je groep buiten bereik voor de volgende ronde. Begrepen, Basis Eén. Luke, neem Red Two & Three. Blijf hier en wacht op mijn teken… om je aanval te beginnen.

Zij is degene in het bericht… We moeten haar helpen. Nou, kijk, krijg geen rare ideeën. De oude man wil dat we hier wachten.

Waar ga je heen? Nou, ik ga niet die kant op. Het is veel te rotsachtig. Deze weg is veel makkelijker. Waarom denk je dat daar nederzettingen zijn? Doe niet zo technisch. Welke missie? Waar heb je het over? Ik heb zo’n beetje genoeg van je! Ga die kant op. Binnen een dag ben je defect, jij bijziende schroothoop! En laat me je niet betrappen dat je me om hulp smeekt, want die krijg je niet. Geen avonturen meer.


Voorbeeld tekst en kleur behandeling

Categorie of subkoptekst

Een overtuigende kop die lezers je inhoud in trekt.