--- title: "Anpassa designen i Kontainer" url: "https://helpdesk.kontainer.com/sv/article/anpassa-designen-i-kontainer/" type: "article" category: ["Administratörsinställningar", "Design & navigering"] tags: ["Endast för administratörer", "Grundfunktion", "DAM"] language: "sv" published: "2026-09-30T06:02:52+00:00" updated: "2026-09-30T06:02:52+00:00" summary: "Genom att anpassa designen blir Kontainer en naturlig förlängning av er organisation, med ert eget utseende och er egen känsla. De viktigaste designområdena är: Logotyp och typsnitt Färger och förinst…" --- # Anpassa designen i Kontainer ![Inloggningssidan i Kontainer med designalternativ: logotyp, text och färgförinställningar](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_hero-scaled.png?v=1775719650) --- Genom att anpassa designen blir Kontainer en naturlig förlängning av er organisation, med ert eget utseende och er egen känsla. De viktigaste designområdena är: - Logotyp och typsnitt - Färger och förinställningar - Mappdesign - CMS-funktioner för mappar - Kontaktinformation och länkar till sociala medier **Observera:** Mörkt läge, egen CSS och layouter från höger till vänster (RTL) stöds inte. Använd guiden när ni sätter upp ert nya Kontainer-konto och kom tillbaka när ni vill göra justeringar. Om ni saknar något eller vill ha inspiration är ni *[välkomna att kontakta Customer Success](mailto:support@kontainer.com)*. --- **Relaterade guider** *[Skapa egna landningssidor](https://helpdesk.kontainer.com/sv/article/egen-mappdesign-och-landningssidor/)* | *[Lägg till en kontaktsektion](https://helpdesk.kontainer.com/sv/article/lagg-till-en-kontaktsektion/)* | *[Guide till nedladdningsmallar](https://helpdesk.kontainer.com/sv/article/guide-till-nedladdningsmallar/)* **Inspiration** *[Designförslag för sidredigeraren](https://kontainerdemo.kontainer.com/folder/633753#token=YFlUPrnatL&type=direct)* | *[Brandguide](https://styling.kontainer.com/direct/tkBbl8Xf2V/folder/664600)* --- ## Övergripande utseende Oavsett om ni använder Kontainer som bildbank, brandportal, DAM och/eller PIM är det enkelt att anpassa systemet efter er organisations visuella identitet – och det gör stor skillnad för användarna. ## Förinställningar för ert varumärke Innan ni börjar utforma Kontainer rekommenderar vi att ni definierar textstilar och varumärkesfärger. Då går det snabbt och enkelt att välja färger när ni anpassar utseendet, och att skapa textelement i sidredigeraren (Page editor). Gå till ***Settings* → *Appearance → Brand Presets***. **Egna typsnitt:** Om ni vill lägga till fler typsnitt i Kontainer, [***skicka dem till oss***](mailto:support@kontainer.com). Kom ihåg att klicka på ***Save***. ![Inställningar för Brand Presets i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_Brand-presets-scaled.png?v=1775719739) ## Inloggningssida Gör intryck och vägled användarna på inloggningssidan med en iögonfallande bakgrundsbild och ett relevant meddelande. ![Inloggningssida i Kontainer med bakgrundsbild och välkomstmeddelande](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_login-page.png?v=1775719776) ## Bakgrundsbild För att byta bakgrundsbild går ni till ***Settings → Appearance → General*** och scrollar längst ned. **Tillåtna format:** JPG och PNG. **Maxstorlek:** 3000 x 2000 px **Favicon:** kan läggas till under bakgrundsbilden. En favicon är den lilla symbolen bredvid webbläsarens titel – se bilden i avsnittet "Välkomstmeddelande och webbläsartitel" nedan. ![Inställningar för bakgrundsbild och favicon i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_background-favicon.png?v=1775719730) ## Text med villkor på inloggningssidan Ni kan lägga till en text med förbehåll och villkor som visas på inloggningssidan, med översättningar per språk. ## Välkomstmeddelande och webbläsartitel För att lägga till ett välkomstmeddelande eller en vägledande text går ni till ***Settings* → *Configuration → General***. Här kan ni också anpassa ***Browser title***. Kom ihåg att klicka på ***Save***. ![Inställningar för välkomstmeddelande och webbläsartitel i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_browser-title.png?v=1775719787) ## E-postmallar Texterna i e-postmeddelandena för välkomst, inloggning och rättigheter kan anpassas, med översättningar per språk. ## Logotyp För att lägga till er logotyp går ni tillbaka till ***Settings* → *Appearance → General***. Logotypen visas på inloggningssidan, i menyfältet uppe till vänster i Kontainer och i alla e-postmeddelanden som skickas från systemet. **Tillåtna format:** SVG och PNG. Kom ihåg att klicka på ***Save***. ![Inställningar för logotyp i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_logo.png?v=1775719733) ## Färginställningar Färgerna ställer ni också in under ***Settings* → *Appearance → General***. Vi rekommenderar i allmänhet ljusa bakgrundsfärger och mörkare textfärger. Ni kan också ange en **alternativ logotyp** (med egen placering och bakgrundsfärg), **textfärg på knappar** och **menyfärger**: bakgrund och text för den globala menyn och för mappmenyn. **Huvudbakgrundsfärgen** och dess **lågkontrastiga markeringsfärg** styr sidans övergripande bakgrund och diskreta accenter. Kom ihåg att klicka på ***Save***. ![Färginställningar i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_colors.png?v=1775719747) ## Systemtypsnitt Under färginställningarna kan ni byta systemtypsnitt. **Egna typsnitt:** Om ni vill lägga till fler typsnitt i Kontainer, [***skicka dem till oss***](mailto:support@kontainer.com). För ett nytt systemtypsnitt behöver vi vikterna Regular (400) och Bold (700), och för bästa visning även Medium (500) och Light (300). ![Inställningar för systemtypsnitt i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_system-font-.png?v=1775821010) ## Inställningar för mappmenyn För att anpassa mappmenyns utseende kombinerar ni marginalinställningarna under ***Settings* → *Appearance → General*** med avgränsarna som ni hittar genom att **högerklicka på mappar** i själva mappmenyn. ![Inställningar för mappmenyn i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_menu-settings.png?v=1775821025) När ni skapar användare kan ni välja om menyn ska vara synlig eller dold. Läs mer i [***guiden här***](https://helpdesk.kontainer.com/sv/article/dolj-mappmenyn/). ![Dölj mappmenyn i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide.gif?v=1775822018) ## Layoutalternativ Andra layoutalternativ är en bred vänstermeny, en maximal visningsbredd, textjustering för mappar, dolda filnamn och ett reglage för länkar till sociala medier. --- ## Visning av filer och mappar ### Sorteringsordning Standardordningen för era filer och mappar hanteras under ***Settings* → *Configuration* → *General***. Välj något av: - Name (alfabetisk ordning) - Size (originalfilens storlek) - Uploaded (datum) - Custom (manuell) ![Inställningar för sorteringsordning i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_sort-orders-scaled.png?v=1775719675) Utöver den övergripande standardordningen styr ni ordningen i enskilda mappar genom att högerklicka på en mapp och välja ***Configure folder***. ![Configure folder i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_configure-folder-scaled.png?v=1775719674) Användarna kan också ändra ordningen när de bläddrar i mapparna. ![Användarens sorteringsalternativ i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_folder-sort-order-scaled.png?v=1775719673) ### Filvisning Här väljer ni också den övergripande standardvisningen av filer. Det finns tre alternativ. Även dessa inställningar kan ändras per mapp – se ***Configure folder*** ovan – och av användarna när de bläddrar. **Box** (förhandsvisningsrutor i samma storlek) ![Filvisningen Box i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_box-display.png?v=1775719717) **List** (vanlig listvy) ![Filvisningen List i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_list-display.png?v=1775719741) **Grid** (förhandsvisningen anpassas efter bildens/filens format) ![Filvisningen Grid i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_grid-display.png?v=1775719742) ### Mappvisning I det här avsnittet går vi igenom mappdesignen, det vill säga hur mapparna visas i översikterna. ![Exempel på mappvisning i Kontainer DAM](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_Folder-display-scaled.png?v=1775719693) Standardinställningarna för mappar finns under ***Settings → Appearance → Folders***. Exempelmappen visar era val medan ni gör dem. Förinställningarna **gäller sedan** för alla mappar ni skapar. ![Standardvisning för mappar i Kontainer DAM](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_folder-display-settings-scaled.png?v=1775719740) ***Folder color overlay*** är ett valfritt färgöverlägg för mappar med omslagsbild, som förbättrar kontrast och läsbarhet. ![Exempel på färgöverlägg för en mapp](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_color-mask.png?v=1775719657) För att ändra inställningarna för en enskild mapp **högerklickar ni på mappen** eller använder menyn ***More*** för att öppna ***Folder view***. ![Folder view i Kontainer DAM](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_Set-folder-view-scaled.png?v=1775719685) Det finns tre storlekar för mappar: ![Mappstorlekar i Kontainer DAM](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_Folder-sizes-1.png?v=1775722526) Om ni vill att mappnamnen ska visas på mapparna i stället för under dem väljer ni ***Folder graphics → Large folder name***. Välj sedan typsnitt och storlek. ![Inställningar för stort mappnamn i Kontainer DAM](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_folder-font-size.png?v=1775719662) Kom ihåg att klicka på ***Save***. Fler anpassningar omfattar storlek på filvisningen, filnamn och hörnstil för mappar och designelement. Om ni har frågor om designen är ni [*välkomna att höra av er*](mailto:support@kontainer.com). --- ## CMS-funktioner för mappar Med ***sidredigeraren*** (Page editor) kan ni förvandla mappar till guider, pressmeddelanden, produktpresentationer, landningssidor och mycket mer. Se [***hela designguiden här***](https://helpdesk.kontainer.com/sv/article/egen-mappdesign-och-landningssidor/). Ni hittar den uppe till höger i era mappar. ![Öppna sidredigeraren i Kontainer DAM](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_acessing-Page-editor-scaled.png?v=1775723845) Härifrån kan ni lägga till innehållsrutor och börja skapa er design. Hämta inspiration och se [***hela designguiden här***](https://helpdesk.kontainer.com/sv/article/egen-mappdesign-och-landningssidor/). ![Använda sidredigeraren i Kontainer DAM](https://helpdesk.kontainer.com/wp-content/uploads/2026/04/Kontainer-DAM-styling-guide_using-Page-editor-scaled.png?v=1775723832) Använd era text- och färgförinställningar för att snabbt skapa engagerande och enhetligt innehåll. ![Använd förinställningar i sidredigeraren i Kontainer](https://helpdesk.kontainer.com/wp-content/uploads/2025/07/Styling-your-Kontainer_Apply-presets-1.png?v=1763368898) --- ## Hantera åtkomst Kom ihåg: mappar syns inte för användarna förrän de har fått åtkomst. Läs mer om åtkomst i vår ***[guide om rättigheter](https://helpdesk.kontainer.com/sv/article/rattigheter/)***. ### Skydd vid delning och papperskorg Ni kan förhindra kopiering av URL:en för en delningslänk eller delad användare, och ställa in att papperskorgen töms automatiskt efter ett valt antal dagar. --- **Relaterade guider** *[Skapa egna landningssidor](https://helpdesk.kontainer.com/sv/article/egen-mappdesign-och-landningssidor/)* | *[Lägg till en kontaktsektion](https://helpdesk.kontainer.com/sv/article/lagg-till-en-kontaktsektion/)* | *[Guide till nedladdningsmallar](https://helpdesk.kontainer.com/sv/article/guide-till-nedladdningsmallar/)* **Inspiration** *[Designförslag för sidredigeraren](https://kontainerdemo.kontainer.com/folder/633753#token=YFlUPrnatL&type=direct)* | *[Brandguide](https://styling.kontainer.com/direct/tkBbl8Xf2V/folder/664600)* --- Om ni har frågor om designen eller behöver mer inspiration är ni välkomna att [*mejla Customer Success*](mailto:support@kontainer.com). ## Other languages - [English](https://helpdesk.kontainer.com/article/styling-your-kontainer/index.md) - [Deutsch](https://helpdesk.kontainer.com/de/article/kontainer-stylen/index.md) - [Dansk](https://helpdesk.kontainer.com/da/article/tilpas-designet-i-kontainer/index.md) - [Nederlands](https://helpdesk.kontainer.com/nl/article/uw-kontainer-vormgeven/index.md) ## Related articles - [Dölj mappmenyn](https://helpdesk.kontainer.com/sv/article/dolj-mappmenyn/index.md): Alla användare kan när som helst fälla ut eller fälla ihop mappmenyn manuellt. Det ger ett renare och mer städat intryck: Nedan går vi igenom hur ni anger om mappmenyn ska vara utfälld eller ihopfälld… - [Administratörsguide](https://helpdesk.kontainer.com/sv/article/administratorsguide/index.md): I Kontainer är administratör en användartyp med full åtkomst. Om ni är ny administratör eller vill fräscha upp era kunskaper är helpdesken ett bra ställe att börja på. Nedan hittar ni vår guide och re…