top of page

Daphne Abderhalden

Dark Mode

Government platforms serve everyone. This project brought Dark Mode to the Canton of Aargau's digital presence improving accessibility, reducing eye strain, and ensuring a consistent experience across all devices.

Webdesign
Accessibility
UI Design
Client

Canton of Aargau

Date

2023-2024

Role

Senior UI Designer

Agency

VIU AG

DA_Dark_and_Light_Mode_1920x1080px.gif

A dark surface is created by placing a semi-transparent overlay on top of the colored surface.

Layer.png
darkmode-color.jpg

Elevation

In the dark theme, components have the same shadow levels as in the light theme. The difference lies in the brightness of the surfaces depending on their depth. The higher a surface is, the brighter it appears. This is achieved using a semi-transparent color overlay.

Elevation.png
Elevation-lightmode.jpg
Elevation-darkmode.jpg
switch.jpg

I'm not a coffee person,

but I'd love to meet up for a

delicious cup of chai tea.

bottom of page