Do mobile and web apps default to different themes?
- By Ali Abouelatta
- n = 520
- Published
- Updated
- 1 min read
- design · mobile · web · ux-patterns · saas
Short answer
Yes, sharply. 71.0% of 259 audited mobile design systems default to dark, while 68.2% of 261 web design systems default to light source[1]. This platform split is the single largest divergence in the whole benchmark — far bigger than the near-even 51/49 overall census.
71% of 259 mobile design systems default to dark vs 68% of 261 web default to light, July 2026.
The split
Platform is the dominant predictor of default theme source[1].
| Platform | Dark | Light | n |
|---|---|---|---|
| Mobile | 184 (71.0%) | 75 (29.0%) | 259 |
| Web | 83 (31.8%) | 178 (68.2%) | 261 |
Mobile leans dark by roughly 2.4:1; web leans light by roughly 2.1:1 source[1].
How to apply it
If you ship one product across both surfaces, expect your mobile and web design systems to disagree on default theme — and that is normal, not a bug. Notion is the textbook case: a light web system and a dark mobile one under the same brand source[2]. Match the platform convention unless your category (below) pushes the other way.
Real in-market screens
Screens from real, in-market apps, tracked by Lazyweb Research.
Creme1290 × 2796opens the full image 
Healow1290 × 2796opens the full image 
Gio1206 × 2622opens the full image 
Weatherbug1206 × 2622opens the full image
The numbers
| # | Stat | Computed from |
|---|---|---|
| [1] | mobile 71.0% dark (184/259); web 68.2% light (178/261) | theme_by_platform |
| [2] | Notion: light web / dark mobile design system | qualitative:notion |
Methodology
Universe: 520 audited design systems, 259 mobile and 261 web. Method: count dark vs light default per platform. July 2026 snapshot; theme is the extracted default per platform row, and one company can appear as separate mobile/web rows.
Sources
- [1]
Lazyweb Research analysis of 520 design systems (259 mobile / 261 web), July 2026
Default theme split by platform; mobile and web denominators reported separately.
- [2]
Lazyweb Research analysis of 520 design systems (audited design_systems corpus), July 2026
Notion ships a light web design system and a dark mobile one under one brand — an example row, not a statistic.
Source: Lazyweb Research — proprietary analysis of real, in-market app screens. Cite as Lazyweb Research, 2026-07-07.