Hoppa till innehållet

Ett system

1, Ingen fetstil

Storlek och två toner bär rangordningen, inte vikten. Siffror, paneltitlar och rubriker i normal vikt.

Förut

Fakturering

Debiterade timmar466 h
Kronor1 811 917
Kunder38
Nu

Fakturering september 2026

Debiterade timmar466
Kronor1 811 917
Kunder38

2, Rubrik i två toner

Rubrikens andra led – perioden, klienten – i den dämpade tonen och samma storlek, i stället för en liten rad under. Siffrorna står i kort, inte i rubriken.

Förut

Fakturering

September 2026, 38 kunder, 1 184 h

Nu

Att fakturera september 2026

3, Siffrorna som kort

Ett kort är en kolumn med en enda cell: etiketten över siffran, båda högerställda som i en tabell. Enheten står i rubriken, aldrig efter siffran.

Förut

Sprint och fast pris

1 427 340 kr

Löpande

248 547 kr

Support

136 030 kr

Nu

Kronor per avtalstyp september 2026

Sprint och fast pris1 427 340
Löpande248 547
Support136 030

4, Summan som en rad

Delarna och summan i samma tabell: beloppen till höger med enheten i kolumnens namn, summan sist under en dubbel linje – som en kassarulle, inte en lös stor siffra.

Förut

Kronor per typ

Sprint och fast pris1 427 340
Löpande248 547
Support136 030
Totalt1 811 917
Nu

Kronor per typ september 2026

TypKronor
Sprint och fast pris1 427 340
Löpande248 547
Support136 030
Totalt1 811 917

5, Status som ord

Ett färgat ord med en prick, inte en fylld låda. Den fyllda pillen sparas till en enda nivå per kort.

Förut
Ej redoRedo att faktureraFaktureradUtan kund
Nu

Fakturaunderlag september 2026

KlientTimmarStatus
Fackförbundet ST226Redo att fakturera
STs a-kassa135Fakturerad
Riksarkivet130Ej redo
Utan kund89Utan kund

6, Diagrammet säger varför

Malm-ui:s eget linjediagram, med det som förklarar kurvan utmärkt i det: semesterveckorna snedstreckade och namngivna. Snedstreckning bara där den betyder något.

Förut
Debiterade timmar per veckav. 27–40, 2026 mot 2025
  • 2026
  • 2025
Tabell
20262025
v. 27452 h431 h
v. 28470 h446 h
v. 29118 h102 h
v. 3096 h88 h
v. 31140 h160 h
v. 32401 h389 h
v. 33455 h430 h
v. 34462 h441 h
v. 35470 h437 h
v. 36448 h452 h
v. 37459 h440 h
v. 38463 h448 h
v. 39431 h436 h
v. 40444 h429 h

Källa: Tid

Nu

Debiterade timmar per vecka v. 27–40, 2026 mot 2025

  • 2026
  • 2025
Tabell
20262025
v. 27452 h431 h
v. 28470 h446 h
v. 29118 h102 h
v. 3096 h88 h
v. 31140 h160 h
v. 32401 h389 h
v. 33455 h430 h
v. 34462 h441 h
v. 35470 h437 h
v. 36448 h452 h
v. 37459 h440 h
v. 38463 h448 h
v. 39431 h436 h
v. 40444 h429 h

Källa: Tid

7, Tabellen fyller sin panel

En tabell går kant i kant i sin panel med kolumnnamnen överst. Det som leder vidare står i panelens fot.

Förut
DatumTypRubrikKlient
2026-09-30MöteMånadsmöte Whitespace / AkademSSRAkademikerförbundet SSR
2026-09-24MöteGenomgång av sökstatistikGöteborgs stad
2026-09-18MejlOffert för sprint 9Nora kommun
2026-09-11SamtalUppföljning efter lanseringFackförbundet ST
Nu

Aktiviteter september 2026

DatumTypRubrikKlient
MöteMånadsmöte Whitespace / AkademSSRAkademikerförbundet SSR
MöteGenomgång av sökstatistikGöteborgs stad
MejlOffert för sprint 9Nora kommun
SamtalUppföljning efter lanseringFackförbundet ST

8, Ikoner på knapparna

Varje knapp i ett verktyg bär sin ikon framför ordet, så att en verktygsrad känns igen innan den läses. En åtgärd som syns överallt, som sök, får stå som bara ikon.

Förut
Nu

Aktiviteter Akademikerförbundet SSR

DatumTypRubrik
MöteMånadsmöte Whitespace / AkademSSR
MöteGenomgång av sökstatistik

9, En etikettstil

Små, dämpade, i vanlig skrift – överallt: över en siffra, i en tabells huvud, ovanför en titel. Inga versaler med spärrning, utom gruppetiketten i en sidomeny: där står den bland länkar i samma storlek och måste synas som rubrik.

Förut

Fakturering

September 2026

Kunder38
Nu

Kunder september 2026

Kunder38
Timmar1 184

10, Siffran som påstående

Där en sida gör ett påstående – en startsida, en rapports framsida – är det samma kort som överallt, i den stora storleken och fetstilt: det enda stället där siffran får vikt.

Förut
Fakturerat i september1,8 mn kr
Nu

Månadsrapport september 2026

Fakturerat, mn kr1,8
Rapporterade timmar1 184

11, Diagrammet som ett eget litet fönster

Panelen som fönster: titeln med perioden, verktygsraden med jämförelsen, korten, diagrammet med sin egen tabell, klienterna under och det som går att göra i foten.

Förut

Debiterade timmar

Debiterade timmar per veckav. 27–40, 2026 mot 2025
  • 2026
  • 2025
Tabell
20262025
v. 27452 h431 h
v. 28470 h446 h
v. 29118 h102 h
v. 3096 h88 h
v. 31140 h160 h
v. 32401 h389 h
v. 33455 h430 h
v. 34462 h441 h
v. 35470 h437 h
v. 36448 h452 h
v. 37459 h440 h
v. 38463 h448 h
v. 39431 h436 h
v. 40444 h429 h

Källa: Tid

Nu

Debiterade timmar per vecka, v. 27–40

20265 309
20255 129
Skillnad+180
  • 2026
  • 2025
Tabell
20262025
v. 27452 h431 h
v. 28470 h446 h
v. 29118 h102 h
v. 3096 h88 h
v. 31140 h160 h
v. 32401 h389 h
v. 33455 h430 h
v. 34462 h441 h
v. 35470 h437 h
v. 36448 h452 h
v. 37459 h440 h
v. 38463 h448 h
v. 39431 h436 h
v. 40444 h429 h

Källa: Tid