Merkevarebygging

I denne artikkelen ser vi hvordan vi kan benytte merkevarebygging i Designbyggeren for å sette en standarisert
farge og skrifttypeprofil for hele nettbutikken.

Bruk av Merkevarebygging

For å åpne Merkevarebygging klikker du på "Merkevarebygging" i toppen av Designbyggeren.

Dette vil da åpne innstillingene for Merkevarebygging i menyen til venstre.

Dette gir da mulighet til å endre farge, skrifttype, farger på mobilmenyen for hele nettbutikken.
Når du da oppretter nye blokker, lenker eller tekst senere, vil den følge den samme fargeprofilen som er satt i Merkevarebyggingen.
Det er fortsatt mulig å sette egendefinerte farger, skrift m.m. direkte på en blokk som da vil overstyre profilen som er satt i Merkevarebyggeren.

Farge

Følgende farger kan settes i fargeprofilen:

Bodycolor - Bakgrunnsfargen for hele nettbutikken
Primær bakgrunnsfarge - Den primære bakgrunnsfargen i blokkene
Tekstfarge for primærtekst - Fargen du ønsker at tekst skal ha
Primær hover-bakgrunnsfarge - Sett bakgrunnsfarge for når musepekeren holdes over
Primært hover-tekstfarge - Hvilken farge skal teksten få når musepekeren holdes over teksten
Sekundærfarge - Brukes på blant annet kjøpsknapp, handlekurv m.m.
Sekundær tekstfarge -
Sekunder tekstfarge hover -
Tekstfarge - Brukes i produktbeskrivelser, titler m.m.
Lenke hovercolor - Fargen som vises når man holder musepekeren over en lenke

Skrifttype

Sett en primært og sekunder skrifttypefamilie i nettbutikken.
Velg ønsket skrifttypefamilie og trykk "Lagre" øverst til høyre.

Mobilmeny

Vel den perfekte fargen på menybakgrunnen for å forbedre mobilopplevelsen.
Velg blant et bredt spekter av farger for å matche profilen din.

Bakgrunnsfarge for mobilmeny - Sett bakgrunnsfargen på mobilmenyen.
Tekstfarge på mobilmeny - Velg hvilken farge du ønsker på teksten.
Farge på lenker i mobilmenyen - Sett farge på menylenkene dine slik at de skiller seg ut.
Transformasjon av menytekst - Velg om menypunkter skal være i store bokstaver (uppercase) , små bokstaver (lower case) eller at kun første bokstaven er stor (capitalize).

Brødsmuler

Brødsmuler i nettbutikken er en synlig navigasjonssti slik at kundene vet hvor de befinner seg i nettbutikken,
og enkelt kan trykke seg tilbake til f.eks en kategori.

Breadcrumb-bakgrunnsfarge - Velg bakgrunnsfargen på navigasjonsstien.
Farge på brødsmuletekst - Sett en farge på teksten i navigasjonsstien.
Farge på aktiv brødsmuletekst - Ha en unik farge for hvor kunden befinner seg i navigasjonsstien.