Grunnlag
Farger og typografi fra temaet.
Farger
Hver farge har 16 tokens. accent er marine og standard for alt. rod er Holstad rød til utheving og den ene røde hovedhandlingen. arvebla er støttefargen. info er også arveblå. danger er varselrød. neutral er blågrå.
Typografi
Titler fra md og opp i Bebas Neue, og 3xl er Holstads tillegg for kampanjer og SoMe. sm og mindre er mellomtitler i Inter Tight Bold, som i kort, varsler og dialoger. Alt annet i Inter Tight.
heading 3xlKampdag
heading 2xlHeia Holstad
heading xlSeriespill 2026/27
heading lgTerminliste
heading mdTreningstider
heading smSlik melder du deg på
heading xsUtstyr
body lgVolleyball for alle som vil spille.
body mdHolstad IL ble stiftet 12. desember 1948. Volleyballgruppa startet i 1974, og målet er fortsatt det samme: at alle som vil, skal få spille volleyball.
body smBildetekster, metadata og fotnoter.
body xsSist oppdatert 22. september.
Handlinger
Bruk knapp når noe skal skje, og lenke når du går til en annen side. Én primærknapp per visning.
Knapper
Tre varianter. Uten data-color er knappen marine. rod er for den ene handlingen siden finnes for. danger er for det som ikke kan angres.
accent · marine (standard)
rod · den ene røde hovedhandlingen
neutral
danger · destruktive handlinger
Størrelser, ikoner og tilstander
Lenker
Treningstidene står på lagsiden, og prisene under priser og betaling.
Nøytral lenke: personvernerklæring.
Toggle group
Ett valg blant få, der valget endrer visningen med en gang.
Skjema
Felt kobles til etikett, beskrivelse og feilmelding av <ds-field>. Det trenger holstad-designsystem.js.
Tekstfelt
Brukes til å finne riktig lag og lisens.
Skader, allergier eller annet. Bare treneren ser dette.
Checkbox, radio og switch
Select
Søk og forslag
Feiloppsummering
Øverst i skjemaet når innsending feiler. Hver feil lenker til feltet.
Påmeldingen ble ikke sendt
Tilbakemelding
Status, varsler og det som vises mens noe laster.
Alert
Treningstidene for 2026/27 er klare
Første trening er uka etter skolestart.
Påmeldingen er sendt. Du får en e-post med neste steg.
Terminlista er fra forrige sesong. Datoene for i år kommer i august.
Treningen i kveld er avlyst fordi hallen er stengt.
Tag og badge
Spinner og skeleton
Tooltip og popover
Dialog
Navigasjon
Faner
Mandag 17:00–18:30 og torsdag 18:30–20:00 på Åsgård.
Ungdomsserien, fire turneringshelger i sesongen.
Kontakt laget gjennom Spond eller klubbens e-post.
Innhold
Kort
Et klikkbart kort er én lenke rundt hele innholdet — ikke tittel og knapp som to lenker til samme sted.
J15
For jenter født 2011–2012. Mandag og torsdag på Åsgård.
Prøvetrening
Kom og prøv to ganger før du bestemmer deg. Ta med innesko og vannflaske.
Nyhet · 22. september
Sesongstart for alle lag
Alle lag er i gang fra uke 34. Her er det du trenger å vite.
Details
Står details i et kort, tar kortet seg av kanten og luften rundt.
Hva må jeg ha med på første trening?
Hva koster det?
Kan jeg få fritak for betaling?
Tinted variant
Tabell
| Arrangement | Lag | Status | |
|---|---|---|---|
| Lør 19. sep | Runde 1, lavere divisjoner | H1, D1 | Bekreftet |
| Søn 4. okt | Ungdomsserien | Gjelder flere lag | Ikke bekreftet |
| Lør 17. okt | Minivolley | Mini | Bekreftet |
| Lør 7. nov | Runde 2, lavere divisjoner | H1 | Ikke bekreftet |
Chips
Filtre som kan kombineres, og valg som kan fjernes.
Avatar
Initialer når det ikke finnes bilde.
Liste og divider
- Innesko
- Treningstøy
- Vannflaske
- Meld deg på
- Få velkomstmail med første trening
- Betal treningsavgift når fakturaen kommer
Spørsmål? Svar i Spond.
Sitat
Til det en spiller eller trener har sagt. Maks ett per side.
«Livet er kjekkare med volleyball.»
I bruk
Komponentene satt sammen til en påmeldingsside, slik en app ville brukt dem.