Alla formulär och interaktiva objekt utöver navigering och sajtfot kännetecknas av den blå färgen. Alla fält har runda hörn med en radie på 10 px.

Formulärfält states: Inactive/active/disabled

Formulärfält i tre olika states

Validering och felmeddelande

Formulärfält validering samt felmeddelande

Längre textfält - meddelande

Formulärfält 1177.se

Dropmeny

Dropmenyn följer samma bakgrundsfärg, ramfärg och hörnrundning som formulär.

Dropdown: Inactive, active, disabled

Dropmeny olika states 1177.se

Knappar

Det finns två olika typer av knappar: primära och sekundära. De två alternativen kan användas för att vikta knappvalen mot varandra. Den primära används t.ex. för det valet som är vanligast eller du helst vill att användaren ska klicka på.

Primär knapp: Inactive, active, sent, disabled

Primär knapp olika states 1177.se

Sekundär knapp: Inactive, active, sent, disabled

Sekundär knapp olika states 1177.se

Checkboxar och radioknappar

Checkboxar: vald, ej vald

Checkboxar olika states 1177.se

Radioknappar: vald, ej vald

Radioknappar olika states 1177.se

Tillfälliga meddelanden

Tillfälliga meddelanden är viktiga informationsnotiser som visas under en kort tid. Gul bakgrund med grå alert-symbol.

Tillfälliga meddelanden 1177.se

Spec för driftmeddelanden kommer inom kort.

Faktarutor

Faktarutor använder röd färgskala: ljusröd bakgrundsfärg och klarröd list.

Faktaruta 1177.se

Tabeller

Tabeller använder röd färgskala. Tabeller finns i två format som väljs beroende på mängden innehåll. Om antal kolumner/mängd innehåll inte ryms i den synliga ytan används en scrollist för att scrolla i sidled. Sidans kant tonas då ut för att visa att det finns mer innehåll. (Se mobil).

Desktop

Stor utfallande tabell 1177.se

Mobil

Tabell mobil 1177.se

Länklistor

Länklistor finns i olika varianter: automatisk länklista, manuell länklista samt Hitta mottagning. Dokumenttyper i listan visas med respektive dokumentikon.

Automatisk länklista

Automatisk länklista artikelsida dator 1177.se
Automatisk länklista på artikelsida
Automatisk länklista samlingssida dator 1177.se
Automatisk länklista på samlingssida
Automatisk länklista mobil
Automatisk länklista mobil

Manuell länklista

Hitta mottagning

Länklista Hitta mottagning
Till toppen av sidan