> ## Documentation Index > Fetch the complete documentation index at: https://docs.dodopayments.com/llms.txt > Use this file to discover all available pages before exploring further. # Design och temaanpassning > Anpassa utseendet på din kassa, butik och kundportal från ett ställe. Välj färdiga teman, konfigurera typografi och färger, och tillämpa sektion-specifika överstyrningar – allt med liveförhandsvisning. Designinställningssida med direktförhandsvisning av kassan, kundportalen och butiken Designsidan är din centrala hubb för att varumärkesprofilera alla kundvända ytor: kassan, butiken och kundportalen. Ändringar tillämpas omedelbart över alla tre och förhandsvisas i realtid innan du sparar. ## Viktiga höjdpunkter 1. **Enhetlig designhub** – Konfigurera utseendet för kassan, butiken och kundportalen från en enda sida. 2. **Förbyggda teman** – Börja med ett kuraterat tema och anpassa därifrån. 3. **Ljust & mörkt läge** – Definiera separata färgpaletter för varje läge. 4. **Liveförhandsvisning** – Se hur dina ändringar ser ut i kassan, kundportalen och butiken innan du sparar. 5. **Sektion-överstyrningar** – Finjustera individuella sektioner (kassa, butik, kundportal) utan att påverka de andra. 6. **Programmatisk kontroll** – Överstyr teman vid kassabesök via API eller Checkout SDK. ## Kom igång Navigera till **Inställningar → Design** i din Handelsinstrumentpanel. Design-sidan har fyra flikar: | Flik | Syfte | | -------------- | ---------------------------------------------------------------------- | | **Allmänt** | Företagsnamn, logotyp, tema urval och globala avancerade inställningar | | **Kassa** | Överstyr temainställningarna specifikt för kassasidan | | **Butik** | Överstyr temainställningarna och konfigurera butikens layout | | **Kundportal** | Överstyr temainställningarna för kundportalen | ## Allmänna inställningar Fliken **Allmänt** styr din grundläggande varumärkesidentitet och globala tema. Allmän flik som visar avancerade inställningar med typografi, färger och kantkonfiguration ### Grundkonfiguration | Inställning | Beskrivning | | ------------------- | ------------------------------------------------------- | | **Företagsnamn** | Namnet som visas i kassan, butiken och kundportalen | | **Företagslogotyp** | Din varumärkeslogotyp som visas på alla kundvända sidor | | **Tema** | Välj ett förbyggt tema som utgångspunkt | ### Avancerade inställningar Expandera **Avancerade inställningar** för att komma åt detaljerade kontroller: Avancerade inställningar expanderade som visar fullständig färgkonfiguration för ljusa och mörka lägen #### Typografi | Inställning | Alternativ | Beskrivning | | ---------------------- | --------------------------------------- | ---------------------------------------------- | | **Primärt typsnitt** | Valfritt Google Font | Huvudtypsnitt för rubriker och brödtext | | **Sekundärt typsnitt** | Valfritt Google Font | Accenttypsnitt för etiketter och sekundär text | | **Teckenstorlek** | `xs`, `sm`, `md`, `lg`, `xl`, `2xl` | Global grundläggande teckenstorlek | | **Teckenvikt** | `normal`, `medium`, `bold`, `extraBold` | Standard teckenvikt | #### Färgkonfiguration Definiera separata färgpaletter för **ljust läge** och **mörkt läge**. Varje läge stöder följande egenskaper: | Egenskap | Beskrivning | | -------------------------- | -------------------------------- | | **Primär bakgrund** | Huvudsaklig bakgrundsfärg | | **Sekundär bakgrund** | Sekundär bakgrund (flikar, kort) | | **Primär text** | Huvudtextfärg | | **Sekundär text** | Neddämpad textfärg | | **Primär knapp** | Bakgrund för primära knappar | | **Text på primär knapp** | Textfärg på primära knappar | | **Sekundär knapp** | Bakgrund för sekundära knappar | | **Text på sekundär knapp** | Textfärg på sekundära knappar | | **Primär kant** | Huvudsaklig kantfärg | | **Sekundär kant** | Accentfärg för kanter | #### Kant | Inställning | Beskrivning | | ----------------- | --------------------------------------------------------------------------------------------------------------------------------- | | **Kantens radie** | Styr rundheten på inmatningar, knappar, flikar och kort (t.ex. `0` för skarpa hörn, `8px` för rundade, `16px` för kapsel-formade) | ## Förbyggda teman Dodo Payments levereras med fyra kuraterade teman. Välj ett från **Temavalet** på fliken Allmänt för att omedelbart tillämpa en enhetlig design över kassan, butiken och kundportalen. ### Dodo Pulses Det förvalda temat från Dodo Payments. Limegröna accenter ger en energisk, fräsch känsla. Ren sans-serif-typografi med generöst avstånd. Dodo Pulses tema i ljust läge som visar kassa, kundportal och butik Dodo Pulses tema i mörkt läge som visar kassa, kundportal och butik ### Terminal Ett utvecklarorienterat tema med monospace-typografi och kungliga blå accenter. Skarpa hörn och en teknisk estetik som passar bra med utvecklarverktyg och API-först-produkter. Terminaltema i ljust läge som visar kassa med blå accenter och monospaced font Terminaltema i mörkt läge som visar kassa med blå accenter och monospaced font ### Bumblebee Varmt bärnsten och guldfärgade accenter med rundade, moderna detaljer. Djärvt och högkontrast, väl anpassat för konsumentinriktade produkter som vill kännas exklusiva. Bumblebee tema i ljust läge som visar kassa med bärnstensaccents Bumblebee tema i mörkt läge som visar kassa med guld accenter ### Bubblegum Lekfulla rosa och magenta accenter med helt rundade hörn. Ett modernt, tillgängligt utseende som fungerar utmärkt för kreativa verktyg, designprodukter och livsstilsvarumärken. Bubblegum tema i ljust läge som visar kassa, kundportal och butik med rosa accenter Bubblegum tema i mörkt läge som visar kassa, kundportal och butik med rosa accenter Efter att ha valt ett förbyggt tema kan du vidare anpassa enskilda egenskaper i Avancerade inställningar. Alla icke specificerade egenskaper återgår till temats standardvärden. ## Sektion-överstyrningar Varje sektionsflik (Kassa, Butik, Kundportal) har en **Överstyr tema**-växling. När den är aktiverad kan du anpassa den sektionens utseende oberoende av det globala temat. ### Kassaflik Kassaflik som visar fullständig kassaförhandsvisning med produktinformation och betalningsformulär Överstyr typografi, färger och kantinställningar specifikt för kassaupplevelsen. Liveförhandsvisningen visar: * Produktinformation och prissättning * Expresskassa alternativ (Apple Pay, Google Pay) * Val av betalningsmetod och kortformulär * Rabattkodsfält och prisuppdelning ### Butiksflik Butiksflik som visar butiks-URL, varumärkeskontroller och butiksförhandsvisning Konfigurera butiksspecifika inställningar: | Inställning | Beskrivning | | ---------------------- | ------------------------------------------------------------------------ | | **Butikens URL** | Din butikadress (t.ex. `store.dodopayments.com/your-store`) | | **Butiksnamn** | Aktivera och ange namnet som visas i din butik | | **Butikslogotyp** | Aktivera och ladda upp en logotyp för butikshuvudet | | **Butiksbanner** | Aktivera och ladda upp en bannerbild | | **Produktbeskrivning** | Aktivera för att visa eller dölja produktbeskrivningar på kort | | **Överstyr tema** | Aktivera för att anpassa typografi, färger och kanter enbart för butiken | ### Kundportalflik Kundportalsflik som visar prenumerationshantering, faktureringshistorik och betalningsmetodförhandsvisning Överstyr temat för kundportalen, som inkluderar: * Hantering av prenumerationer * Fakturahistorik * Betalningsmetoder * Plånbok och krediter ## Relaterade resurser Checkoutfunktioner inklusive valuta, språk, skatt, rabatter och mer. Integrera kassan som en modal overlay på din sida. Bädda in kassan direkt i din sidlayout. Konfigurera och hantera din varumärkeskunniga butik. Kundsjälvserviceportal för prenumerationer och fakturering. Hantera flera varumärken under ett konto med separat profilering.