Style guide för Förening X
Klubbmärke

Favicon

Typografi
Rubrik 1
Rubrik 2
Rubrik 3
Rubrik 4
Rubrik 5
Brödtext. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- En punktlista
- Med ett par rader
- Kan vara bra
Och här är en numrerad lista:
- Till att börja med
- Därefter
- Och allra sist
En trevlig rubrik
Följs med fördel av en riktigt stark ingress. Eventuellt med lite större text som här.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do kursiv betoning eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris detta är fetstil nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum en intern länk i texten dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in och en extern länk culpa qui officia deserunt mollit anim id est laborum.
En mellanrubrik
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Färger
Knappar
Tabell
Produkt | Antal | Pris |
---|---|---|
Banan | 32 | 4,25 kr |
Äpple | 12 | 4 kr |
Päron | 24 | 5 kr |
Citron | 2 | 4,50 kr |
Apelsin | 98 | 3,50 kr |
Ikoner
Tillgång till över 1.600 ikoner från Font Awesome.
Formulär
Karta
Bilder



Animerad gif

Galleri







Bildspel
Media + text

Rubrik
Lorem ipsum

Rubrik
Lorem ipsum

Rubrik
Lorem ipsum
Inbäddad video (Youtube)
Inbäddad video (Vimeo)
Spotify
Cover/hero

Touché!
Artikelgrid
Kalender, grid
[tribe_events view=”photo”]
Kalender, lista
[tribe_events view=”list”]
Kalender, månad
[tribe_events view=”month”]
Kalender, dag
[tribe_events view=”day”]
Kalender, vecka
[tribe_events view=”week”]
Kalender, lista grupperad per månad
[tribe_events view=”summary”]