...
Designspecifikation
Det finns två olika typer varianter av knappar: primära och sekundära. De två alternativen varianterna 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å.
Knappar är rundade och har text i versaler. Primär knapp har fylld blå bakgrund, medan sekundär knapp har vit bakgrund och blå ramlinje.
Undantag: Sök-knapp = knapp som ligger i anslutning till ett sökfält är fyrkantig med 10 px rundade hörn. Se: Sökfält - 1177
Do’s and Don’ts
Do
Skriv knapptexter i VERSALER då det förstärker knappens utseende. Det är medvetet val och skall inte kopplas till eventuella skrivregler där man ofta undviker versaler då ordbilden i versalskrivna ord blir sämre.
...
Undvik knappar med många ord, se gärna avsnitt om Copy. I vissa sammanhang till exempel på 1177.se startsida så kan en puff ha en knapp med många ord men i ett interaktiv gränssnitt bör knappen i första hand bestå av verb, i andra hand verb+substantiv om substantivet behövs för att särskilja flera liknande knappar.
...
Relaterade resurser/komponenter
Status
Status |
| ||||||
|---|---|---|---|---|---|---|---|
Publicerad | 2020-01-18 | ||||||
Senast uppdaterad | 2020-01-20 |
...