HJELP · MODULENE
Ikoner og tallmerker
Ikoner gir øyet noe å lande på, tallmerker gir rekkefølgen et ansikt. Begge er egne elementer, og ikonbiblioteket søker du i på norsk: «hammer», «telefon», «kvittering».
Først: logg inn i editoren med redigeringslenken du har fått fra oss – slik logger du inn (og der kan du få lenken tilsendt på nytt).
Ikonet er et eget element: Mer → Nytt element, og «Ikon» i paletten. Innhold-dialogen har søkefeltet og rutenettet øverst, deretter størrelse, plassering som tre kort, og en valgfri lenke. Biblioteket har hundrevis av strektegnede ikoner, og søket forstår norsk: skriv «hammer», «faktura» eller «håndtrykk», så finner du det. Med farget brikke under Flere valg får ikonet en sirkel i merkefargen bak seg, som gir raden et gjennomført uttrykk.
Innhold: søk på norsk, klikk ikonet, sett størrelse og plassering.
Tallmerkene i praksis: prosessen som 1-2-3 rett på siden.Vil du ha det visuelle språket satt for deg?
I det gratis forslaget bruker vi ikoner og merker konsekvent gjennom hele siden, ett uttrykk, ikke klipp og lim.
Ikonet som peker riktig vei på mobil
En pil mot høyre mellom to kolonner peker feil når kolonnene stables under hverandre på mobil. Derfor kan ikonet ha et annet ikon på mobil, under Flere valg: arrow-right på PC, arrow-down på telefon. Ikonet følger tekstfargen som standard; egen farge finner du under Mer → Alle innstillinger.
Ikon: Innhold
| Innstilling | Hva den gjør | Standard |
|---|---|---|
| Ikon | Navn fra Bootstrap Icons, f.eks. telephone, envelope, star. | star |
Ikon: Visning
| Innstilling | Hva den gjør | Standard |
|---|---|---|
| Størrelse | – | 40 8–400 px |
| Plassering | Valg: Ikke satt, Venstre, Midtstilt, Høyre. | left |
Ikon: Lenke og klikk
| Innstilling | Hva den gjør | Standard |
|---|---|---|
| Lenke ved klikk | – | – |
Ikon: På mobil
| Innstilling | Hva den gjør | Standard |
|---|---|---|
| Annet ikon på mobil | F.eks. arrow-down når arrow-right peker feil etter at kolonnene stables. | – |
Ikon: Avansert (Alle innstillinger)
| Innstilling | Hva den gjør | Standard |
|---|---|---|
| Egen farge | Tom = følger tekstfargen. | – |
Tallmerkene: prosesser med ansikt
Tall-merket er søsterelementet: en sirkel med et tall eller en kort tekst, laget for steg: «1 Befaring, 2 Tilbud, 3 Ferdig jobb». Dialogen har bare to felt, tallet og plasseringen, og det er poenget. Bruk dem når rekkefølgen betyr noe; da leser besøkende prosessen som en historie. Til alt annet er ikoner eller rene punktlister riktigere.
Tallmerke: Innhold
| Innstilling | Hva den gjør | Standard |
|---|---|---|
| Tall eller kort tekst | – | 1 |
Tallmerke: Visning
| Innstilling | Hva den gjør | Standard |
|---|---|---|
| Plassering | Valg: Ikke satt, Venstre, Midtstilt, Høyre. | left |
Færre ikoner, mer effekt
Ikoner virker som krydder: ett per infokort eller overskrift løfter; ett per setning drukner. Hold deg til samme strek-stil (biblioteket er ensartet, så det ordner seg selv) og samme størrelse i samme rad. Luft over og under ikonet styrer du under Avstand i kontekstlinja.
Se prosessen din som 1-2-3
Be om et gratis forslag, så setter vi opp «slik jobber vi»-seksjonen med tallmerker og ikoner som gjør prosessen tillitvekkende. Klart på én dag.
Finner du ikke riktig ikon?
Prøv synonymer: «rør», «vann», «kran» gir ulike treff. Fortsatt ikke? Send oss et ord via Hjelp øverst til høyre i editoren, så foreslår vi et.
Les også
Sesongbeskjed som styrer seg selv
Viser seg i perioden – og forsvinner av seg selv etterpå.
Skillelinjer
Rolige skiller – eller en kort aksentstrek.
Rutenett med flere kolonner
Innhold side om side, i celler du styrer.