Ga naar de inhoud

Styleguide

Deze styleguide dient als referentie voor welke blokken er beschikbaar zijn. Gebruik deze pagina om huisregels te definiëren voor het gebruik van de variaties van blokken.

Pagina patronen

Koppen

Koptekst H1

Koptekst H2

Koptekst H3

Koptekst H4

Koptekst H5
Koptekst H6

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et link in lopende tekst magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Knoppen

Citaat

Sage is het starter project van Yard Digital Agency. Het project bevat onze eigen Yard Blocks waarmee je eenvoudig een website in elkaar zet en onze ‘best practices’ op het gebied van performance en accessibility.

Sanne van der Dijk

Uitklap

Vul hier de content in.

Vul hier de content in.

Vul hier de content in.

Afbeeldingen

Afbeelding
Afbeelding rechts uitgelijnd

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

Afbeelding links uitgelijnd

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cwerkenras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cwerkenras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.

Omslagafbeelding

Galerij

Tabellen

Header 1Header 2
Lorum ipsum dolor ist ametLorum ipsum dolor ist amet
Lorum ipsum dolor ist ametLorum ipsum dolor ist amet
Lorum ipsum dolor ist ametLorum ipsum dolor ist amet
Footer 1Footer 2
Tabel met header en footer
Header 1Header 2Header 3
Lorum ipsum dolor ist ametLorum ipsum dolor ist amet Lorum ipsum dolor ist amet Lorum ipsum dolor ist ametLorum ipsum dolor ist amet
Lorum ipsum dolor ist ametLorum ipsum dolor ist ametLorum ipsum dolor ist amet
Lorum ipsum dolor ist ametLorum ipsum dolor ist ametLorum ipsum dolor ist amet
Footer 1Footer 2Footer 3
Tabel stijl strepen met header en footer

Bestand

Scheidingsteken


Lijsten

  1. Lijst item 1
  2. Lijst item 2
    1. Lijst item 2.1
    2. Lijst item 2.2
      1. Lijst item 2.2.1
      2. Lijst item 2.2.2
    3. Lijst item 2.3
  3. Lijst item met lange tekst lopende link in tekst Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Iconenlijst

Groep

Koptekst h3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu blandit massa, in congue justo. Aenean volutpat in purus sit amet varius. Integer imperdiet luctus semper. In semper vulputate nunc, a commodo nunc vehicula ut. Proin faucibus urna ac placerat euismod. Aliquam elementum commodo aliquet. 

Koptekst h3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu blandit massa, in congue justo. Aenean volutpat in purus sit amet varius. Integer imperdiet luctus semper. In semper vulputate nunc, a commodo nunc vehicula ut. Proin faucibus urna ac placerat euismod. Aliquam elementum commodo aliquet. 

Patronen

Banner

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh tortor id liquet lectus proin nibh nisl condimentum id. Convallis tellus id interdum velit laoreet id donec ultrices ti ncidunt. Nisi scelerisque eu ultrices vitae auctor eu augue ut. Faucibus ornare suspendisse sed nisi lacus sed. In dictum non cons.

Media & tekst – standaard

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu blandit massa, in congue justo. Aenean volutpat in purus sit amet varius.

Media & tekst – standaard

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu blandit massa, in congue justo. Aenean volutpat in purus sit amet varius.

Media & tekst – met achtergrond

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu blandit massa, in congue justo. Aenean volutpat in purus sit amet varius.

Media & tekst – met achtergrond die overlapt

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu blandit massa, in congue justo. Aenean volutpat in purus sit amet varius. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu blandit massa, in congue justo. Aenean volutpat in purus sit amet varius. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu blandit massa, in congue justo. Aenean volutpat in purus sit amet varius.

Raster kaarten – 3 op een rij

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3 met externe link

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Raster kaarten – 2 op een rij

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Koptekst h3

Korte inleiding van maximaal 5 regels. Zet een link achter de titel voor een volledig klikbare kaart.

Berichtenlijst – pagina’s

Leiden

U kunt zich hier opgeven voor een kort gesprek met Opiniepijlers U kunt zich hier opgeven voor een kort gesprek…

Wat wij doen

Wij kunnen u helpen met het peilen van tevredenheid over het beleid dat u voert of het ophalen van de…

Standaardpagina

Korte inleiding van maximaal 4-6 regels. Altijd actieve tekst (geen kunnen, zullen, zouden. Maar korte zinnen in B1. Titel H2…

Berichtenlijst – projecten

Gemeente Rheden – Posbank

Wat vinden bezoekers van de Posbank van een volledige afsluiting voor auto’s en motoren? Naar aanleiding van die vraag van…

Gemeente Venlo

In de meeste wijken en dorpen van Venlo staan ze: dorpshuizen en buurtcentra. Sommige accommodaties worden goed bezocht, anderen helemaal…

Gemeente Almere

De gemeente Almere heeft een goed ouderenbeleid, zet veel communicatiemiddelen in en heeft een fijne campagne opgezet, maar vindt dat…

Berichtenlijst – medewerkers