OrbGIS / Appar / Theme Builder
Theme Builder

Bestäm utseendet en gång. Resten följer.

Sju färger, sex textstilar, ett avståndsreglage. Varje dashboard och storymap i din organisation plockar upp det — under redigering, i förhandsvisning och publicerat.

Theme Builder i OrbGIS med färgtokens och en levande storymap-förhandsvisning

Byggaren — tokens till vänster, produktionens storymap-renderare till höger

Vad det är.

Ett tema i OrbGIS är medvetet litet: sju färger, en femstegsramp för kartor och diagram, sex textstilar, en hörnradie och en avståndsskala. Allt annat — kantlinjer, avdelare, text på knappar, diagrampaletten — härleds ur de valen. Du kan inte glömma att styla något, för det finns inget kvar att glömma.

Byggaren förhandsvisar temat på riktiga saker. Ingen mockup — de faktiska produktionsrenderarna för dashboards och storymaps, fyllda med exempelinnehåll om en växande svensk region: "En växande region i förändring", befolkningsstaplar för Stockholm, Göteborg och Malmö, en koropletkarta målad med din ramp. Växla mellan storymap och dashboard, desktop, surfplatta och mobil. Sju kontrastkontroller enligt WCAG 2.1 körs medan du väljer färger, var och en med sitt kontrastvärde och en ledtråd om vad som behöver fixas. Faller en igenom svävar en bärnstensgul "Low contrast"-bricka över förhandsvisningen tills du tagit hand om den.

Teman bor i ett organisationsgemensamt bibliotek och slår igenom live. Objekt lagrar en ögonblicksbild, men varje renderingsväg slår först upp den aktuella biblioteksversionen — uppdatera ett tema och allt som använder det byter stil, publicerade sidor inräknade. Objekt utan tema följer organisationens standardtema automatiskt. Enskilda objekt kan skriva över färger, typsnitt, radie eller avstånd utan att lämna temat. Och en administratör kan peka hela portalen mot ett tema under Admin → Settings → Portal Appearance — välj ett mörkt tema och hela gränssnittet inverterar med.

Funktioner

Det här får du.

Sju färger. Resten härleds.

Primär, accent, bakgrund, yta, rubrik, brödtext, dämpad. Kantlinjer, avdelare, knapptext och diagrampaletten räknas fram ur dem — så ett tema kan inte gälla till hälften.

Förhandsvisning i produktionsrenderarna

Förhandsvisningspanelen kör de riktiga dashboard- och storymap-komponenterna med exempelinnehåll, i en webbläsarram eller enhetsram för desktop, iPad och mobil. Det du ser är det som publiceras, för det är samma kod.

Kontrastkontroller som pekar ut problemet

Sju kontroller enligt WCAG 2.1 — brödtext mot bakgrund, vitt mot primärfärg, accent mot bakgrund och så vidare — var och en med sitt kontrastvärde och ett fixförslag. Missar syns dessutom som en "Low contrast · N:1"-bricka som svävar över förhandsvisningen.

Typografi som storleksätter sig själv

Sex textstilar, Heading 1 till Button. Du sätter desktopstorleken; surfplatta och mobil härleds med formel och märks AUTO. Ändra en så blir den CUSTOM, med återställning per värde.

En diagramramp ur en enda färg

Femstegsrampen för kartor och diagram trappas upp från din primärfärg i OKLCH. Koropletkartor och diagrampaletter använder den automatiskt. Slå av Auto för att handplocka stegen.

Ta med egna typsnitt

Tolv katalogtypsnitt från Inter till Playfair Display, eller ladda upp .woff2-, .woff-, .ttf- eller .otf-filer upp till 5 MB. Uppladdade typsnitt reser med i själva temat, så publika besökare får dem renderade utan extra handpåläggning.

Klä om hela portalen

Peka appens gränssnitt mot ett tema under Admin → Settings → Portal Appearance. Gränssnittet behåller sina designade kontraststegar och tar din kulör — ett mörkt tema inverterar hela gränssnittet i stället för att förstöra det.

Så funkar det

Från noll till publicerad.

  1. Duplicera en startpunkt

    Öppna Themes i huvudnavigeringen. Kortvyn visar levande miniförhandsvisningar och användningsräknare för varje tema. Duplicera det inbyggda OrbGIS Default — eller vilket befintligt tema som helst — och döp om det.

  2. Sätt färger, typografi, radie, avstånd

    Fyra paneler. Färgerna har OKLCH-avläsning och den autogenererade rampen. Typografin är ett standardtypsnitt plus överskrivningar per stil. Radien går från noll till 24 px; avståndet är ett reglage med fem steg.

  3. Testa mot riktigt innehåll

    Liveförhandsvisningen renderar en exempel-storymap och en dashboard — svensk regionrapport och allt — på desktop, surfplatta och mobil. Kontrastvarningarna dyker upp medan du väljer, inte efter att du publicerat.

  4. Spara och gör till organisationens standard

    Varje dashboard och storymap utan tema följer organisationens standardtema automatiskt. Objekt med tema slår upp den levande versionen, så senare ändringar slår igenom överallt. Undantaget får överskrivningar per objekt.

7 färger5-stegsramp6 textstilarWCAG 2.1OKLCH12 katalogtypsnitt--th-*-variabler0–24 px radie

Bygg ditt första tema idag.

Inget demosamtal. Ingen säljtratt. Bara registrera dig och börja kartlägga.

Resten av plattformen.