Varumärkesprofilering
- 29 Oct 2024
- 1 Minut att läsa
- Skriva ut
- MörkLjus
- Pdf
Varumärkesprofilering
- Uppdaterad på 29 Oct 2024
- 1 Minut att läsa
- Skriva ut
- MörkLjus
- Pdf
Sammanfattning av artikeln
Tyckte du att den här sammanfattningen var användbar?
Tack för din feedback
I den här artikeln ser vi hur vi kan använda varumärkesprofilering i designverktyget för att sätta en standardiserad
färg- och typsnittsprofil för hela webbutiken.
Använda varumärkesprofilering
För att öppna varumärkesinställningarna, klicka på "Varumärkesprofilering" högst upp i designverktyget.
.png?sv=2022-11-02&spr=https&st=2024-12-03T17%3A46%3A37Z&se=2024-12-03T17%3A56%3A37Z&sr=c&sp=r&sig=TpW%2Fz0RJZKO1Jgk5Xe8JcwL81ieKX6kJwAu%2BXmLtH7g%3D)
Detta öppnar sedan varumärkesinställningarna i menyn till vänster..png?sv=2022-11-02&spr=https&st=2024-12-03T17%3A46%3A37Z&se=2024-12-03T17%3A56%3A37Z&sr=c&sp=r&sig=TpW%2Fz0RJZKO1Jgk5Xe8JcwL81ieKX6kJwAu%2BXmLtH7g%3D)
Detta ger sedan möjlighet att ändra färg, typsnitt, färger på mobilmenyn för hela webbutiken.
När du sedan skapar nya block, länkar eller text senare kommer den att följa samma färgprofil som ställts in i varumärkesprofileringen.
Det är fortfarande möjligt att ställa in egna färger, typsnitt etc. direkt på ett block, som då kommer att åsidosätta den profil som är satt i varumärkesprofileringen.
Färg
Följande färger kan ställas in i färgprofilen:
Färg på <body> - Bakgrundsfärgen för hela webbutiken
Primärfärg - Den primära bakgrundsfärgen i blocken
Textfärg för primär text - Den färg du vill att texten ska ha
Primär bakgrundsfärg för hovring – Ställ in bakgrundsfärg för när du håller muspekaren över den
Primär färg för hovringstext – Vilken färg ska texten ha när muspekaren håller muspekaren över texten?
Sekundär färg - Används på köpknappen, kundvagnen etc.
Sekundär textfärg – Sekundärknapparnas textfärg
Sekundärfärg vid hover - Visningsknapparnas bakgrundsfärg när muspekaren hålls över knappen.
Textfärg - Används i produktbeskrivningar, titlar etc.
Länkfärg vid hover - Färgen som visas när du håller muspekaren över en länk
Teckensnitt
Ställ in en primär och sekundär teckensnittsfamilj i din webbutik.
Välj önskad teckensnittsfamilj och tryck på "Spara" i det övre högra hörnet.
.gif?sv=2022-11-02&spr=https&st=2024-12-03T17%3A46%3A37Z&se=2024-12-03T17%3A56%3A37Z&sr=c&sp=r&sig=TpW%2Fz0RJZKO1Jgk5Xe8JcwL81ieKX6kJwAu%2BXmLtH7g%3D)
Mobil meny
Välj den perfekta färgen på menybakgrunden för att förbättra den mobila upplevelsen.
Välj från ett brett utbud av färger för att matcha din profil.
Bakgrundsfärg för mobilmeny – Ställ in bakgrundsfärgen på mobilmenyn.
Textfärg på mobilmenyn - Välj vilken färg du vill ha på texten.
Färg på länkar i mobilmenyn - Lägg till färg på dina menylänkar för att få dem att sticka ut.
Omvandling av menytext – Välj om menyalternativen ska vara versaler , gemener eller versaler.
Breadcrumbs/Brödsmulor
Brödsmulor i webbutiken är en synlig navigeringsväg så att kunderna vet var de befinner sig i webbutiken,
och kan enkelt klicka tillbaka till t.ex. en kategori.
Breadcrumbs bakgrundsfärg - Välj bakgrundsfärg för navigeringssökvägen.
Brödsmuletextfärg – Ange en färg för texten i navigeringssökvägen.
Aktiv textfärg för brödsmulor – Ha en unik färg för var kunden befinner sig i navigeringsvägen.
Var den här artikeln till hjälp?