Hoppa till innehåll
NIT , Startsida
NIT , Startsida
Kontakt

Jönköping · Västerås

EN EnglishSV Svenska

Designsystemet Ert varumärke. Våra komponenter.

Drygt sextio komponenter där hela utseendet kommer från ett tema. Samma grund under Nexus, Formula och fastighetsplattformen.

Prova själv
Skicka en förfrågan

Prova själv

Samma komponenter, ett tema i taget.

Instrumentpanelen här är riktiga komponenter ur biblioteket: kort, knappar, nyckeltal, diagram och en tabell. Scrolla så byter hela sajten tema, ett i taget. Ingen komponent skrivs om.

Värdena kommer ur de riktiga temafilerna. Norin IT och NIT är våra egna; CE Nexus, Polarstigen och GnosjöBo är kunders, visade med deras tillstånd.

Veckans leveranser

Aktiv
Levererat i tid
96%
+2.1 %
Order i veckan
1 284
+8.4 %

Order per vecka

Det ingår

Byggt för dem som sitter i systemet hela dagarna.

  • Ett tema per varumärke

    Byt tema så bär samma system ert varumärke, utan att en enda komponent skrivs om.

  • Temat byts medan appen körs

    Temafilen är vanlig CSS som kan laddas in i drift, utan att något byggs om.

  • Tätare när det behövs

    Ett enda värde skalar avstånd och textstorlek i hela gränssnittet, eller i bara en del av det. Hörn, skuggor och linjer ligger kvar.

  • Tangentbordet först

    Tangentbordsnavigering, synligt fokus och rätt ARIA-roller i varje komponent, byggt mot WCAG 2.1 AA. Den som har bett om minskad rörelse slipper animationerna.

  • Tabeller för riktigt arbete

    Sortering, filter, sök och sidbyte i datatabellen, och långa listor som rullar utan att hacka.

  • Diagram som följer temat

    Tidsserier, staplade staplar, värmekartor, trädkartor och sparklines hämtar sina färger från samma tokens som allt annat.

Nyckeltal

Komponenter i biblioteket
60+
Från knappar och datumväljare till datatabeller, en kommandopalett och en knappsats för PIN-koder.
Temafil per utseende
1
Färger, hörn, skuggor, typsnitt och rörelse, i ljust och mörkt läge.
Komponenter som skrivs om för ett nytt varumärke
0
Ett nytt varumärke får ett nytt tema. Komponenterna lämnar vi som de är.

Uppdrag

Byggt på designsystemet.

  • Två startsidor bredvid varandra: Polarstigens mörka sajt med stugan en vinterkväll, och GnosjöBos ljusa sajt med de gula tegelhusen i Gnosjö. Demodata.

    Polarstigen, GnosjöBo Fastigheter · Fastigheter · 2026

    Fastighetsplattformen

    Polarstigen hyr ut en fjällstuga en vecka i taget. GnosjöBo Fastigheter hyr ut 21 lägenheter i centrala Gnosjö med vanliga hyresavtal. Två verksamheter som inte har mycket gemensamt, och båda är byggda på samma fastighetsplattform, med samma backoffice.

    Utmaningen
    Polarstigen ville hyra ut sin fjällstuga själva, en vecka i taget och utan förmedling. GnosjöBo Fastigheter behövde en plats för lediga lägenheter, intresseanmälningar och hyresgäster. Två helt olika behov.
    Vad vi byggde
    En fastighetsplattform med en backoffice för båda: block-CMS, veckobokning, hyresavtal och en hyresgästportal, och varje sajt med sitt eget utseende.
    Hur det används i dag
    Båda sajternas sidor, bilder och inställningar ligger redan i plattformen, klara att köras från samma backoffice.
  • Ett månadsdiagram med staplar och linje över fakturerat, i det mörka Nexus-temat, med datatabellen under. Demodata.

    Vi själva · Designsystem · Produkt

    Designsystem och temaverktyg

    Varje nytt system skulle bära kundens varumärke, och vi tröttnade på att bygga samma knappar och tabeller en gång till. Så vi byggde dem en gång och flyttade ut utseendet i ett tema.

    Utmaningen
    Systemen vi bygger ska bära kundens varumärke, och vi ville inte bygga om knappar och tabeller för varje nytt.
    Vad vi byggde
    Ett komponentbibliotek där hela utseendet kommer från ett tema, med tangentbordsnavigering och minskad rörelse inbyggt, och verktyg för att ta fram och byta teman.
    Hur det används i dag
    Nexus, Formula och fastighetsplattformen står på det, var och en med sitt eget tema.

Ska ert nästa system bära ert varumärke?

Berätta vad systemet ska göra och vem som ska använda det, så går vi igenom hur biblioteket passar er.

Gäller: Designsystemet

Alla fält är obligatoriska.