# Design-system and theme benchmarks Source: Lazyweb Research 11 data-backed questions on Design-system and theme benchmarks. HTML: https://www.lazyweb.com/research/category/design-system-and-theme-benchmarks Markdown: https://www.lazyweb.com/research/category/design-system-and-theme-benchmarks.md ## Questions - [What percentage of products default to dark mode?](https://www.lazyweb.com/research/what-percent-of-apps-default-to-dark-mode) 51.3% of 520 audited design systems ship a dark default versus 48.7% light [1] — effectively a coin flip. The split only becomes decision-useful once you cut by platform: mobile is 71% dark while web… - [Do mobile and web apps default to different themes?](https://www.lazyweb.com/research/dark-vs-light-default-by-platform) Yes, sharply. 71.0% of 259 audited mobile design systems default to dark, while 68.2% of 261 web design systems default to light [1]. This platform split is the single largest divergence in the whole… - [Which app categories default to dark mode and which default to light?](https://www.lazyweb.com/research/which-app-categories-default-to-dark) Dark defaults concentrate in Entertainment (38 of 42 systems, 90%), Music (19 of 24, 79%) and Developer Tools (13 of 18) [1]. Light dominates Food & Drink (33 of 40, 83%), Medical (17 of 19) and Life… - [What theme do finance and fintech apps launch with?](https://www.lazyweb.com/research/what-theme-do-finance-apps-launch-with) Finance is a near-even split: 22 of 42 audited Finance design systems default to light and 20 default to dark [1]. Unlike Entertainment (90% dark), there is no fintech consensus — theme is a brand de… - [What theme do health and fitness apps default to?](https://www.lazyweb.com/research/what-theme-do-health-fitness-apps-use) Health & Fitness is the largest single category in the benchmark (71 systems) and splits almost evenly: 39 dark to 32 light [1]. At 55% dark it leans slightly darker than the 51% overall census but n… - [What is the most common primary brand color in modern design systems?](https://www.lazyweb.com/research/what-primary-brand-color-is-most-common) Blue is the single most common primary brand hue: 34.1% of 519 audited design systems with a brand color use it [1]. Add neutral black/gray marks (18.9%) and just those two buckets cover 53% of all p… - [What primary brand colors dominate finance and entertainment design systems?](https://www.lazyweb.com/research/what-brand-colors-do-finance-apps-use) Blue leads every category, but the second color diverges: in Finance, green ties for second (17 blue, 9 neutral, 9 green of 42) — the money-green pattern [1]. In Entertainment, red jumps to second (1… - [Do most products use a system font or a custom typeface?](https://www.lazyweb.com/research/most-common-primary-font-in-design-systems) The platform system stack wins, but only just: 56.4% of 488 audited design systems with a primary font use a native stack (SF Pro, system-ui, Roboto, etc.) versus 43.6% on a custom/branded typeface [… - [What base font size do modern products use for body text?](https://www.lazyweb.com/research/what-base-font-size-do-products-use) 16px is the overwhelming default: 73.0% of 518 audited design systems set a 16px base body size [1]. The only meaningful runners-up are 17px (10.4%, the iOS body size) and 14px (7.9%) [1]. Anything b… - [What corner radius do modern products use for primary buttons?](https://www.lazyweb.com/research/what-button-corner-radius-is-standard) Fully-rounded pill buttons are the single largest bucket: 32.3% of 514 audited design systems use a 40+px (pill/full-round) primary button, and another 27.0% sit in the 7-12px 'rounded' range [1]. Sh… - [What are the default design-token values for a modern product in 2026?](https://www.lazyweb.com/research/design-token-defaults-cheat-sheet-2026) Across 520 audited design systems, the modal modern product ships: 16px base body text (73%), a system or Inter-class sans (56% system stack), a blue primary brand color (34%), and either a pill or 7…