Kontainers loginside med pop op-muligheder for styling: logo, tekst og farveforudindstillinger


Tilpasning af designet er nøglen til at gøre Kontainer til en sømløs forlængelse af jeres organisation, der afspejler jeres unikke udtryk.

De vigtigste designområder er:

  • Logo og skrifttyper
  • Farver og forudindstillinger
  • Styling af mapper
  • CMS-funktioner til mapper
  • Kontaktoplysninger og sociale links

Bemærk: Dark mode, egen CSS og højre-til-venstre-layout (RTL) understøttes ikke.

Brug guiden til at sætte jeres splinternye Kontainer op, og vend tilbage for at lave løbende justeringer. Mangler I noget, eller vil I have inspiration, er I velkomne til at kontakte Customer Success-teamet.


Relaterede guides

Lav egne landingssider | Tilføj en kontaktsektion | Guide til downloadskabeloner

Links til inspiration

Designforslag til Page Editor | Brandguide


Samlet udtryk

Uanset om I bruger Kontainer som billedbank, brandportal, DAM og/eller PIM, er det ligetil at tilpasse jeres organisations visuelle identitet, og det gør en stor forskel for brugerne.

Brandforudindstillinger

Før I begynder at style jeres Kontainer, anbefaler vi, at I på forhånd definerer tekststile og brandfarver. De gør det hurtigt og nemt at vælge farver, mens I tilpasser udseendet af jeres Kontainer, og nemt at oprette tekstelementer i Kontainers CMS-funktion til mapper, Page editor.

Gå til Settings → Appearance → Brand Presets.

Brandskrifttyper: Vil I tilføje flere skrifttyper til jeres Kontainer, så send dem til os.

Husk at gemme jeres ændringer.

Indstillinger for brandforudindstillinger i Kontainer

Loginside

Gør indtryk, og vejled brugerne på jeres loginside ved at tilføje et iøjnefaldende baggrundsbillede og en relevant besked.

Kontainers loginside med baggrundsbillede og velkomstbesked markeret

Baggrundsbillede

For at ændre baggrundsbilledet går I til Settings → Appearance → General og scroller helt ned.

Tilladte formater: JPG og PNG.

Maks. størrelse: 3000 x 2000 px

Favicon: kan tilføjes under baggrundsbilledet. Et favicon er det lille symbol, der vises ved siden af browserens titel, se billedet i afsnittet "Velkomstbesked og browsertitel" nedenfor.

Indstillinger for baggrundsbillede og favicon i Kontainer

Disclaimer / vilkårstekst på login

I kan tilføje en disclaimer og tekst med vilkår, der vises på loginsiden, med oversættelser for hvert sprog.

Velkomstbesked og browsertitel

For at tilføje en velkomstbesked eller en vejledende tekst går I til Settings → Configuration → General.

Her kan I også tilpasse Browser title.

Husk at gemme jeres ændringer.

Indstillinger for velkomstbesked og browsertitel i Kontainer

E-mailskabeloner

Teksterne i velkomst-e-mailen, login-e-mailen og e-mailen om rettigheder kan tilpasses, hver med oversættelser for hvert sprog.

For at tilføje jeres logo går I tilbage til Settings → Appearance → General.

Logoet vises på jeres loginskærm, i menulinjen øverst til venstre i Kontainer og i alle e-mails, der sendes fra systemet.

Tilladte formater: SVG og PNG.

Husk at gemme jeres ændringer.

Logoindstillinger i Kontainer

Farveindstillinger

Farveindstillingerne angives på samme måde under Settings → Appearance → General.

Vi anbefaler generelt lyse baggrundsfarver og mørkere skriftfarver.

I kan også angive et alternativt logo (med egen placering og baggrundsfarve), skriftfarven på knapper og menufarver: baggrund og skrift i den globale menu samt baggrund og skrift i mappemenuen.

Hovedbaggrundsfarven og dens fremhævningsfarve med lav kontrast styrer sidens overordnede baggrund og diskrete accenter.

Husk at gemme jeres ændringer.

Farveindstillinger i Kontainer

Systemskrifttype

Under farveindstillingerne kan I ændre systemskrifttypen.

Brandskrifttyper: Vil I tilføje flere skrifttyper til jeres Kontainer, så send dem til os. For at tilføje en ny systemskrifttype har vi brug for Regular (400) og Bold (700) og, for at oplevelsen bliver optimal, Medium (500) og Light (300).

Indstillinger for systemskrifttype i Kontainer

Indstillinger for mappemenuen

For at tilpasse udseendet af mappemenuen bruger I en kombination af margenindstillingerne under Settings → Appearance → General og afstandsholderne, som I finder ved at højreklikke på mapper i selve mappemenuen.

Indstillinger for mappemenuen i Kontainer

Når I opretter brugere, kan I vælge, om menuen skal være synlig eller skjult. Læs mere i guiden her.

Skjul mappemenuen i Kontainer

Layoutmuligheder

Andre layoutmuligheder omfatter en bred menu til venstre, en maksimal visningsbredde, tekstjustering af mapper, skjulte filnavne og en kontakt til sociale links.


Visning af filer og mapper

Sorteringsrækkefølger

Standardrækkefølgen for visning af jeres filer og mapper styres under Settings → Configuration → General.

Vælg enten:

  • Navn (alfabetisk rækkefølge)
  • Størrelse (original filstørrelse)
  • Uploadet (datoer)
  • Egen (manuel)

Indstillinger for sorteringsrækkefølge af filer og mapper i Kontainer

Ud over den overordnede standardsortering styres rækkefølgen i de enkelte mapper ved at højreklikke på en mappe og vælge Configure folder.

Konfigurer en mappe i Kontainer

Og brugerne kan ændre visningsrækkefølgen, når de gennemser mapper.

Brugernes muligheder for sortering i Kontainer

Visning af filer

Her vælger I også den overordnede standardvisning af filer. Der er tre muligheder at overveje.

Også her kan indstillingerne ændres mappe for mappe – se Configure folder ovenfor – og af brugerne, mens de gennemser.

Box (forhåndsvisninger i lige store felter)

Boxvisning af filer i Kontainer

List (standardlistevisning)

Listevisning af filer i Kontainer

Grid (forhåndsvisningen tilpasses billedets eller filens format)

Gridvisning af filer i Kontainer

Visning af mapper

I dette afsnit gennemgår vi styling af jeres mapper. Det er den måde, mapper vises på i oversigter.

Eksempler på visning af mapper i Kontainer DAM

Standardindstillingerne for visning af mapper finder I under Settings → Appearance → Folders.

Mappeeksemplet viser jeres valg undervejs. Forudindstillingerne gælder derefter for alle de mapper, I opretter.

Standardvisning af mapper i Kontainer DAM

Folder color overlay er en valgfri farvemaske til mapper med billedcovers, der forbedrer kontrast og læsbarhed.

Eksempel på farveoverlay på en mappe i Kontainer

For manuelt at ændre indstillingerne for en mappe højreklikker I på mappen eller bruger menuen More til at åbne Folder view.

Angiv mappevisning i Kontainer DAM

Der er tre størrelser til visning af mapper:

Mappestørrelser i Kontainer DAM

Vil I have mappenavnene vist på mapperne i stedet for nedenunder, vælger I Folder graphics → Large folder name.

Vælg derefter skrifttype og størrelse.

Indstillinger for Large folder name i Kontainer DAM

Husk at gemme jeres ændringer.

Flere tilpasningsmuligheder omfatter størrelser til visning af filer, filnavne og hjørnestile på mapper og designelementer.

Har I spørgsmål til styling, er I velkomne til at kontakte os.


CMS-funktioner til mapper

Funktionerne i Page editor forvandler mapper til guides, pressemeddelelser, produktpræsentationer, landingssider med mere. Se den fulde designguide her.

Den findes øverst til højre i jeres mapper.

Åbn Page editor i Kontainer DAM
Herfra kan I tilføje indholdsbokse og begynde at lave jeres designs. Hent inspiration, og se den fulde designguide her.

Brug Page editor i Kontainer DAM

Brug jeres tekst- og farveforudindstillinger til hurtigt at lave engagerende og sammenhængende indhold.

Brug brandforudindstillinger i Kontainers Page editor


Styr adgang

Husk: Mapper er ikke synlige for brugerne, før de har fået adgang. For at læse mere om adgang, se vores guide til rettigheder her.

Beskyttelse ved deling og papirkurv

I kan forhindre kopiering af URL'en på et delingslink eller en delt bruger og indstille papirkurven til automatisk at blive ryddet efter et valgt antal dage.


Relaterede guides

Lav egne landingssider | Tilføj en kontaktsektion | Guide til downloadskabeloner

Links til inspiration

Designforslag til Page Editor | Brandguide


Har I spørgsmål om styling eller brug for mere inspiration, er I velkomne til at skrive til Customer Success-teamet.