Logo, farger og fonter

Du trenger ikke designutdannelse for at butikken skal se ordentlig ut. Du trenger å velge noen få ting og holde deg til dem. Temaet har sju innstillinger, og de styrer hele butikken.

Kort svar

I editoren setter du temaets grunninnstillinger: overskriftsfont og brødtekstfont, hovedfarge (knapper, lenker, aksenter), bakgrunnsfarge, tekstfarge, avrunding på knapper og kort (fra skarp til helt rund) og luftighet (kompakt, komfortabel eller luftig). Logoen laster du opp i Header-seksjonen. Endringene gjelder hele butikken med en gang — så jobb i en arbeidskopi hvis du skal prøve deg fram.

Fontene

Du velger to: én for overskrifter og én for brødtekst. Utvalget dekker det meste — nøytrale grotesker som Inter, Geist og Manrope, serifer som Playfair Display, Lora, Fraunces og Cormorant, og mer markante valg som Bebas Neue og Space Grotesk.

Tre råd som holder:

• Aldri mer enn to fonter. Det er derfor du bare får velge to.
• Brødteksten skal være kjedelig. Den skal leses, ikke beundres. En nøytral grotesk er nesten alltid riktig.
• Overskriften kan ha karakter. En serif signaliserer håndverk og tradisjon; en bred grotesk signaliserer moderne og tydelig.

Fargene

• Hovedfarge — knapper, lenker og aksenter. Dette er merkevarefargen din.
• Bakgrunnsfarge — butikkens grunnflate. Hvit eller nesten hvit fungerer for de aller fleste.
• Tekstfarge — brødteksten. Nesten svart, ikke helt svart, er lettere å lese.

Én sterk farge er nok. Hovedfargen skal brukes der du vil at folk skal klikke — og hvis alt er farget, er ingenting det.

Sjekk kontrasten. Lys grå tekst på hvit bakgrunn ser elegant ut på en ny skjerm i godt lys, og er uleselig på en telefon i sola.

Avrunding og luftighet

• Avrunding — fra ingen (skarpe hjørner) til helt rund. Skarpt leser som seriøst og moderne; rundt leser som vennlig og mykt. Håndlagde varer kler ofte myke former.
• Luftighet — kompakt, komfortabel eller luftig. Luftig gir ro og får få produkter til å se bevisst utvalgt ut. Kompakt får mange produkter til å få plass.

Har du ti produkter, velg luftig. Har du to hundre, velg kompakt.

Logoen

Logoen ligger i Header-seksjonen. Last opp en fil med gjennomsiktig bakgrunn (PNG eller SVG) hvis du har det — da ser den riktig ut uansett bakgrunnsfarge.

Har du ingen logo, er butikknavnet i en god font helt greit. Det er bedre enn en logo laget i hast.

Se Header og footer: menyen og bunnteksten.

Én regel som betyr mer enn resten

Konsistens. Samme font, samme farge, samme avrunding, samme bildestil på tvers av alt. En butikk med to fonter og én farge, brukt likt overalt, ser mer profesjonell ut enn en med fem fonter og fine ideer.

Det gjelder bildene også — se Produktbilder som selger.

Test på mobil

Bytt til mobilvisning i forhåndsvisningen før du bestemmer deg. En overskriftsfont som er elegant i 48 piksler kan være uleselig i 22. De fleste kundene dine ser den lille versjonen.

Vanlige spørsmål