Designsystem - Elementmaler

Aksjonsknapp

Knapper/lenker med uthevet ikon og label.

Aksjonsheader

Header med aksjonsknapp eller lenke

Alarmsignal

alarmsignal til bruk for å sende signal tegn

Ankerlenker

Liste med ankerlenker til bruk for navigasjon internt i et dokument.

Artikkelliste

Liste med artikler til bruk nederst i artikler og andre steder hvor man har bruk for å liste opp relaterte artikler

Artikkeltekst

Artikkeltekst for bruk i rike artikler. Prototypen inneholder responsivt bildet, artikkellead, uthevet blokk, blockquote, punktelister, tabeller, videoblock

Badge

Liten sirkel med informasjon om f.eks nye/uleste elementer.

Banner

Heldekkende banner med ulike bakgrunnsfarger til bruk som informasjonselement under portalheaderen.

Brødsmuler

Brødsmulesti som lar brukerene se hvor de befinner seg på siden og lar dem navigere rundt i sidestrukturen.

Knappegruppe

Gruppe av knapper. Brukes for å gruppere knapper sammen

Knappevelger

Grensesnitt som fremstår som en kontroll med flere knapper der brukeren kan velge kun ett valg.

Knapper

Knapper skal brukes i skjemaer og grensesnitt der brukeren kan utføre en handling, og for å utheve bestemte lenker i grensesnittet.

Kalenderhendelser

Oversikt over tidsbestemte hendelser i et grensesnitt.

Kort

Kort til bruk for presentasjon av gruppert informasjon på en side, både som innhold og navigasjonselementer.

Kontaktkort

Kort med kontaktinformasjon og bilde av person.

Kontaktseksjon

Coverbilde

Heldekkende bilde med tittel.

Beskrivelsesliste

Uthevet liste

Uthevet nummerert liste til bruk der ekstra fokus er ønskelig.

Ansattsøkeresultater

Liste med søkeresultater for ansattsøk.

Arrangementsliste

Liste med arrangementer

Ekstern lenke

Lenker til eksterne nettsteder utenfor Lillestrøm Kommune

Fremhevet artikkel

Skjemaelementer

Skjemaelementer og tilhørende elementer som brukes til utfylling av skjemaer og i dialogtjenester.

Uthevet blokk

Uthevet blokk til bruk i en artikkel.

Overskrift med ikon

Overskrift med budskapsfremmende ikon til venstre.

Definere ikoner

Definere liste med ikoner

Ikonliste

Liste med ikoner som understøtter innholdet.

iframe

Bruk av iframe

Søkeresultater med bilder

Liste over søkeresultater med tilhørende bilde.

Aksjonsknapp

Interaktive skjema elementer

Sidetopp - webkomponent

Sidetopp med grafisk element

Magasinsidetopp

Melding

Meldingskomponent til bruk ved kommunikasjon og beskjeder i Min side.

no-opener no-referral

safeguards anchor links so that they don't leak unwanted information to (potentially malicious) linked sites

Sidetopp

Sidetopp med grafisk element

Paginering

Pagineringskomponent til søkeresultater og andre utlistinger.

Søkeresultater

Liste med søkeresultater til bruk i ulike søkesammenhenger.

Fanenavigering

Fanenavigasjon til utlisting av f.eks søkeresultater.

Portalsøk

Heldekkende seksjon med portalsøk til bruk på forsiden og andre sider der søk er en sentral brukeroppgave.

Seksjonsintro

Tekstblokk som gir introduksjon til en seksjon på en side

Portalfooter

Footer med kontaktinformasjon, lenker til sosiale medier og andre relevante lenker.

Portalheader

Header med logo og navigasjonselementer til bruk i portaler.

Sosiale medier

Blokk for poster i sosiale medier.

Tabeller

Tabellkomponenter for å presentere sorterte data på en effektiv måte.

Tidslinje

Tidslinje til bruk på prosjektsider og i sammenhenger der tidsbaserte stegvise planer skal presenteres.

Brukerinfo

Boks med oversikt over hvilken informasjon vi har og bruker om den innloggede brukeren.

Ledige stillinger

Utlisting av ledige stillinger

Varselboks

Sentrert lysegul boks som fanger brukerens oppmerksomhet dersom noe har oppstått som vi ønsker å informere om.

Alle komponenter