
Kitchen Sink
This is an overview of all the blocks and components in the customized theme for Trygg Trafikk website.
Note! When viewing the Kitchen Sink during development phase, make sure to clear your browser’s cache so latest styles are loaded. 🎉
Typography and Core blocks
-
Typography
-
Typography Spacing
-
Buttons
-
Hero
-
Image
-
Gallery (Default)
-
Gallery (Masonry)
-
Quote
-
Header
-
Footer
-
Colors
-
Open menu
-
Kampanje
-
Make forelder skjema
Custom blocks
-
T2 Accordion
-
T2 Media Text
-
T2 Logo Showcase
-
Newsletter Banner
-
T2 Byline
-
T2 Statistics
-
T2 Factbox
-
T2 Link List
-
T2 Download Link List
-
T2 Selling Points
-
Featured Content Layout
-
Event Plugin
-
Høringer (Featured Post / Content Layout)
-
People Pressebilder
-
Wiki Search
-
Wiki Topics
-
TTM Topics Group
-
CTA (file/button)
-
Audio
-
Vote
-
Timeline
Special pages and archives
-
404 Error Page
-
Search Page (Results)
-
Aktuelt (Archive)
-
Høringer (Archive)
-
Events (Archive)
-
Event (Single)
-
Wiki Topic (Taxonomy)
-
Wiki (Archive)
-
Wiki Article (Single)
-
Story example #1 Text content blocks
-
Story example #2 Various blocks in dark mode
-
Story example #3 Real-world example
Content Pages
H1 heading
H2 heading
H3 heading
H4 heading
H5 heading
H6 heading
Paragraph text
Norway has two official names: Norge in Bokmål and Noreg in Nynorsk. The English name Norway comes from the Old English word Norþweg mentioned in 880, meaning «northern way» or «way leading to the north», which is how the Anglo-Saxons referred to the coastline of Atlantic Norway.
A footnote is placed here! 1
Paragraph Link
List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
Buttons
This theme supports only one style of button (filled – aka default).
Quote
Dette prosjektet har som mål å fremme sykkelkultur og ikke minst sykkelopplæring for unge mennesker.
Eva Lahti
T2 Factbox
Global heading text
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit. Quis amet dignissim senectus ut.
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit. Quis amet dignissim senectus ut.
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit. Quis amet dignissim senectus ut.
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit. Quis amet dignissim senectus ut.
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit. Quis amet dignissim senectus ut.
Following Factbox block is minimized.
Accordion
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit. Quis amet dignissim senectus ut.
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit. Quis amet dignissim senectus ut.
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit. Quis amet dignissim senectus ut.
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit. Quis amet dignissim senectus ut.
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit. Quis amet dignissim senectus ut.
T2 Simple Media Text
New featured T2 Simple Media Text, comes in «wide» and «full» width along with a variety of pre-selected color styles. By default, full width is selected.
Wide width

Bli trygg i trafikken
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit.

Nullvekst og nullvisjon
Trafikkveksten i de store byene skjer gjennom at flere sykler, går eller velger kollektivtransport, ifølge nullvekstmålet. Samtidig legges det opp til en nullvisjon for antall drepte og hardt skadde i trafikken. I Trygg Trafikk mener vi at arbeidet med nullvekstmålet og nullvisjonen bør samordnes, slik at de ikke utligner hverandre.

Vis hensyn i trafikken
Vi beveger oss i trafikken hver dag. Det gjør at vi over tid har lært oss hva vi skal gjøre og ikke gjøre som trafikanter. Vi glemmer at for dem som ikke har like mye erfaring eller de samme forutsetningene som oss, at trafikken kan være en krevende øvelse. Derfor er det viktig å vise ekstra hensyn i trafikken.

Podkast fra Trygg Trafikk
Trygg Trafikk har laget noen podkaster som går i dybden på problemstillinger knyttet til trafikksikkerhet. Vi jobber for at alle skal gjøre gode valg i trafikken. Kanskje disse gjør at du reflekterer over hva du eller dem du kjenner kan bidra til bedre trafikksikkerhet for alle?

Refleksbruk og synlighet
Uten refleks er du først synlig på 25 – 30 meters hold, mens du med refleks synes på 140 meters hold når bilen bruker nærlys. Omregnet til sekunder har bilføreren 10 i stedet for 2 sekunder til å reagere, det kan være forskjellen på liv og død.

Bli trygg i trafikken
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit.

Bruk sykkelhjelm
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit.

Bli trygg i trafikken
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit.
Full width

Nullvekst og nullvisjon
Trafikkveksten i de store byene skjer gjennom at flere sykler, går eller velger kollektivtransport, ifølge nullvekstmålet. Samtidig legges det opp til en nullvisjon for antall drepte og hardt skadde i trafikken. I Trygg Trafikk mener vi at arbeidet med nullvekstmålet og nullvisjonen bør samordnes, slik at de ikke utligner hverandre.

Vis hensyn i trafikken
Vi beveger oss i trafikken hver dag. Det gjør at vi over tid har lært oss hva vi skal gjøre og ikke gjøre som trafikanter. Vi glemmer at for dem som ikke har like mye erfaring eller de samme forutsetningene som oss, at trafikken kan være en krevende øvelse. Derfor er det viktig å vise ekstra hensyn i trafikken.

Podkast fra Trygg Trafikk
Trygg Trafikk har laget noen podkaster som går i dybden på problemstillinger knyttet til trafikksikkerhet. Vi jobber for at alle skal gjøre gode valg i trafikken. Kanskje disse gjør at du reflekterer over hva du eller dem du kjenner kan bidra til bedre trafikksikkerhet for alle?

Refleksbruk og synlighet
Uten refleks er du først synlig på 25 – 30 meters hold, mens du med refleks synes på 140 meters hold når bilen bruker nærlys. Omregnet til sekunder har bilføreren 10 i stedet for 2 sekunder til å reagere, det kan være forskjellen på liv og død.

Bli trygg i trafikken
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit.

Bruk sykkelhjelm
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris. Adipiscing vulputate neque in a elementum nisl placerat sit.
T2 Logo Showcase
Logo showcase can be either content, wide or full width.
Alignment «None»
Alignment «Wide» (same as «Full»)
Newsletter Banner
Newsletter Banner is a core Group block with T2 Newsletter Signup as innerBlock. Come with «wide» and «full» alignment options.
T2 Byline
T2 Statistics
T2 Link List
As usual, link list come with up-to-three columns layout, or «auto» for less stress on the layout.
T2 Selling Points
In order to make link underline, an actual link but be added.
No icon
Politimeldingen og vurdering av utrykningspolitiet – oppfordrer til grundig, helhetlig og transparent prosess.
Politimeldingen og vurdering av utrykningspolitiet – oppfordrer til grundig, helhetlig og transparent prosess.
With icon
Lorem ipsum dolor sit amet consectetur. Fermentum pulvinar imperdiet in mauris.
Image

Another image below with wide alignment.

Gallery
Images on normal cases will not stack on empty space – Enabling “Crop Images” will show them prettier.
With «Crop Images» enabled





With «Crop Images» disabled





Gallery Masonry
When “Crop Images” is not enabled and “Masonry” style is selected, then images will stack on empty spaces (front-end only). This example is align wide.





Featured Content Layout
When you choose a featured content layout (translated to «fremhevet innholdsoppsett), its possible to create several layouts, where the cards vary in width. It is possible to combine different cards (ex events and news). See 4 layout examples below:
Layout 1 = 33% + 33% + 33%
Layout 2 = 66% / 33% + 33%
Layout 3 = 100% / 33% + 33% 33%
Layout 4 = 50% + 50%

I mars omkom 6 personer i trafikken
I mars mistet 6 trafikanter livet, det er 2 flere enn i samme periode i fjor. Hittil i år har vi 23 trafikkdrepte,…
People Pressebilder
The contact cards include name, job description, email and phone number, including a link to download pressimages. Like featured content layout (fremhevet innholdsoppsett) you can create different layouts.
3 images – 33% + 33% + 33%

Cecilie Bryner

Miriam Kvanvik

Jan Johansen
2 images – 50% + 50%

Cecilie Bryner

Miriam Kvanvik
1 image – Choose «Fremhevet Inlegg»

Jan Johansen
Høringer (Featured Post / Content Layout)
Høringer items have it’s own block design in Featured Post / Featured Content Layout, instead of using «T2 Selling points».
Wiki Search
Wiki Topics
-
Barn og unge
-
Eldre bilførere
-
eldre fotgjengere
-
Elsparkesykkel Siden økt popularitet av elsparkesykler i 2019, har det vært rapportert om et stort antall ulykker og andre utfordringer ved bruk av kjøretøyet. I 2021 fikk kommunene mulighet til å regulere utleie og bruk gjennom lokal forskrift.
-
Fart
-
Fart
-
Kjøretøy og vei
-
Kjøretøyteknologi Personbiler har over tid blitt stadig sikrere, både for de i og utenfor bilen. De er også utstyrt med stadig flere systemer som skal redusere risikoen for ulykker og skader.
-
Risikoatferd
-
Risikogruppe
-
Ruspåvirket kjøring
-
Unge bilførere
-
Uoppmerksomhet
-
Veinettet
Trygg Trafikk mener topics group
Trygg Trafikk mener
Hva mener Trygg Trafikk om ståhjulinger, syklistenes risiko og politiets kontroller? Vi har samlet kunnskap, våre synspunkter og krav til myndighetene innen 30 forskjellige tema.
-
Barn og unge
-
Eldre bilførere
-
eldre fotgjengere
-
Elsparkesykkel Siden økt popularitet av elsparkesykler i 2019, har det vært rapportert om et stort antall ulykker og andre utfordringer ved bruk av kjøretøyet. I 2021 fikk kommunene mulighet til å regulere utleie og bruk gjennom lokal forskrift.
-
Fart
-
Fart
-
Kjøretøy og vei
-
Kjøretøyteknologi Personbiler har over tid blitt stadig sikrere, både for de i og utenfor bilen. De er også utstyrt med stadig flere systemer som skal redusere risikoen for ulykker og skader.
-
Risikoatferd
-
Risikogruppe
-
Ruspåvirket kjøring
-
Unge bilførere
-
Uoppmerksomhet
-
Veinettet
Kampanje
Dette er en kampanje-inngang
Dette er en gruppe med svart bakgrunn. Gruppen er satt til «Wide width», men kan være fullbredde også. Inne i gruppen er det kolonner (50/50) som tillater denne layouten med overskrift til venstre og tekst til høyre. Under ligger en helt vanlig Simple Media & Text blokk.

Underoverskrift her
Noe tekst som skal være en fin introduksjon til hva enn som skjuler seg etter det neste klikket.
Dette er en kampanje-inngang
Dette er en gruppe med svart bakgrunn. Gruppen er satt til «Full width», men kan være Wide width også. Inne i gruppen er det kolonner (50/50) som tillater denne layouten med overskrift til venstre og tekst til høyre. Under ligger en helt vanlig Simple Media & Text blokk.

Underoverskrift her
Noe tekst som skal være en fin introduksjon til hva enn som skjuler seg etter det neste klikket.
Make forelder skjema
Meld deg på brev til foreldre:
"*" obligatorisk felt
Tester Featured Layout Query

Trygg Trafikk oppfordrer foreldre: – Bruk bilbeltet riktig på barna
To av ti barn mellom ett og ni år sitter feil sikret i bilen. Trygg Trafikk er tydelig: – Skal bilbeltet ha effekt, må du bruke det riktig. Undersøkelsen er utarbeidet av Trygg…

Ny nasjonal tiltaksplan for trafikksikkerhet overlevert
I dag ble den nye nasjonale tiltaksplanen for trafikksikkerhet på vei formelt overlevert til samferdselsministeren. Planen inneholder 200 konkrete tiltak som skal bidra til tryggere trafikk på…

I februar mistet 6 trafikanter livet
Så langt i år har 17 personer mistet livet i trafikken, mot 10 i samme periode i fjor – et dårlig år sett under ett (111). I…
Andre Make skjema
Nyhetsbrev test
- En fotnote her!
Quote block
Concept arena wormholes helmets science dust hearts heavy. Dust harvesting tesseract something incredible brilliant moving as a patch of light bearable hidden home helmets invent galaxies.
John Malkovitch
Concept arena wormholes helmets science dust hearts heavy. Dust harvesting tesseract something incredible brilliant moving as a patch of light bearable hidden home helmets invent galaxies.
John Malkovitch
CTA block
CTA file variation
Lorem cosmic thousands tingling
Stories brilliant root paroxysm edge fugue one bearable tingling sunrise network.
CTA button variation
Lorem cosmic thousands tingling
Stories brilliant root paroxysm edge fugue one bearable tingling sunrise network.
Audio block
Vote block
Timeline block
Video
50-tallet – 1956
Landsforeningen for fremme av Trygg Trafikk etableres
50-tallet
Generell fartsgrense økes til 70 km/t
50-tallet
Trafikkopplæring i skolen
50-tallet
Omkomne per år 1950 – 1959 – 133 til 306
60-tallet – 1966
Barnas trafikklubb etableres
60-tallet – 1965
Distriktssekretærer i alle fylker
60-tallet
Her er tekst
20:00 16.11.1986 Her er overskirft
Her er ingress
