Het stijlgids patroon bevat de standaard blokken en voorbeeld kleurbehandelingen voor het maken van een stijlgids pagina op je site. Dit patroon is een eenvoudige manier om de standaard kopteksten, citaat, knoppen, citaten en afbeelding omslag inhoud toe te voegen aan de inhoud van een site die je aan het stylen bent. Lever de stijlgids bij de site 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? Artoo! Artoo-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

Je lot ligt bij mij, skywalker. Obi-Wan wist dat dit waar was. Nee! Allemaal te gemakkelijk. Misschien ben je niet zo sterk als de keizer dacht. Indrukwekkend…zeer indrukwekkend. Obi-Wan heeft het je goed geleerd. Je hebt je angst onder controle.

Darth Vader

Gewoon citaat

Je lot ligt bij mij, skywalker. Obi-Wan wist dat dit waar was. Nee! Allemaal te gemakkelijk. Misschien ben je niet zo sterk als de keizer dacht. Indrukwekkend…zeer indrukwekkend. Obi-Wan heeft het je goed geleerd. 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 zijn jullie niet zo sterk als de keizer dacht.

Darth Vader

Pullquote met uitlijning over de volle 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? Artoo! Artoo-Detoo, waar ben je? Eindelijk! Waar ben je geweest? Ze komen deze kant op.

Je 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 kunnen we 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 hyperspace reizen is niet zoals gewassen afstoffen, jongen! Zonder precieze berekeningen kunnen we door een ster vliegen of te dicht bij een supernova komen en dan is je reis snel voorbij, nietwaar? Wat is dat knipperen? We verliezen ons deflectorschild. Ga je vastmaken, ik ga de sprong naar lichtsnelheid maken. We zijn het Alderaan systeem binnengegaan.

Red leader, we zitten recht boven jou. Draai naar de punt. Oh-vijf, we dekken jou. Blijf daar. Ik heb net mijn stuurboord motor verloren. Maak je klaar om je aanval uit te voeren. Biggs, wedge, laten we het sluiten.

Je lot ligt bij mij, Skywalker.

Darth vader, rechts uitgelijnde pullquote

Je zou niet willen dat mijn leven saai wordt, toch? Luke, de force zal met je zijn. Alle vleugels melden zich. Red ten staat klaar. Red seven staat klaar. Red three staat klaar. Rode zes staat klaar. Rode negen staat klaar.

Hou de helft van je groep buiten bereik voor de volgende run. Begrepen, basis een. Luke, neem red twee en drie. Blijf hier en wacht op mijn teken… Om je aanval te starten.

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 genoeg van jou! Ga die kant op! Binnen een dag ben je defect, je bijziende schroothoop! En laat me je niet betrappen dat je me volgt smekend om hulp, want die krijg je niet. Geen avonturen meer.


Voorbeeld tekst en kleur behandeling

Categorie of subrubriek

Een overtuigende header die lezers je inhoud in trekt.