# Dark or light: what background do mobile plan-picker screens use?

Source: Lazyweb Research
Published: 2026-07-07
Sample size: n=255
Tags: pricing, paywall, mobile, design, monetization, saas
HTML: https://www.lazyweb.com/research/dark-vs-light-background-mobile-plan-screens
Markdown: https://www.lazyweb.com/research/dark-vs-light-background-mobile-plan-screens.md

**Answer.** 71% of app 'All plans' screens (180 of 255) use a dark or black background versus 23% (58) light — mobile plan pickers skew heavily dark [1]. But read the denominator carefully: those 255 screens come from just 24 companies, so this is a screen-level pattern within a narrow set of mobile subscription paywalls, not a broad SaaS census [1]. It does not describe desktop SaaS pricing pages, whose theme we can't extract from our web corpus.

> 71% of 255 app 'All plans' screens (180) use a dark background — but across only 24 companies (July 2026).

## The finding

Among the 255 app 'All plans' screens with a described background [1]:

| Background | Share | Count |
|---|---|---|
| Dark / black | 70.6% | 180 / 255 |
| Light | 22.7% | 58 / 255 |
| Other / unclassified | ~6.7% | 17 / 255 |

Mobile plan pickers clearly lean dark. The caveat is load-bearing: these 255 screens are concentrated in **24 companies**, and the background field is free-text prose classified by keyword [1]. So this is 'dark dominates this particular set of mobile subscription paywalls', not a census across the ~800 tracked apps or the web pricing corpus.

## Why this doesn't transfer to web pricing pages

Two different universes are in play. The dark-background finding is from the **app 'All plans' corpus** (mobile subscription paywalls, 24 companies) [1]. The 183 desktop **web pricing pages** store only `{screen_type, in_product}` and don't join the vision data, so we can't say what fraction of web pricing pages are dark-themed [2]. Don't port the 71% figure onto a B2B web pricing page decision — the corpora don't cover the same companies or surfaces.

## How to apply this

If you're designing a **mobile subscription plan picker**, a dark background is the majority convention in this set — a defensible default, especially paired with a promoted 'MOST POPULAR' plan card [1]. If you're designing a **desktop SaaS pricing table**, this data doesn't apply; choose theme from your brand and the rest of your site, not from mobile-paywall convention. Either way, treat 71% as a within-set screen share across 24 companies, not a universal rule — the honest denominator is what keeps this useful.

## The numbers

| Stat | Computed from |
| --- | --- |
| 70.6% (180/255) | app 'All plans' screens with a dark/black background in vision JSON prose, 255 described screens |
| 22.7% (58/255) | app 'All plans' screens with a light background in vision JSON prose, 255 described screens |
| 24 | distinct companies contributing the 255 described app 'All plans' screens — narrow set, not a census |
| 183 | desktop web pricing pages whose theme is not extractable (0/183 join vision data) |

## Methodology

Universe: 255 app 'All plans' vision-described screens across 24 companies (mobile subscription paywalls), Lazyweb Research, July 2026. Background is keyword-classified from free-text prose; shares are screen-level within a narrow 24-company set and do not describe the separate web pricing corpus.

## Sources & citations

- [1] Lazyweb Research analysis of 255 app 'All plans' screens (24 companies, mobile subscription paywalls), July 2026. Background classified by keyword over free-text vision_description_json prose; concentrated in 24 companies, so shares are screen-level within a narrow set, not a broad SaaS census.
- [2] Lazyweb Research analysis of 183 pricing pages (desktop SaaS web corpus, 147 companies), July 2026. Raw labels store only {screen_type,in_product}; 0/183 join the vision-JSON table, so web pricing-page theme is not extractable.

## Related questions

- [What % of pricing pages highlight a 'Most popular' plan, and which column gets it?](https://www.lazyweb.com/research/most-popular-badge-prevalence-pricing-pages)
- [Monthly vs annual: how do pricing pages present the billing toggle?](https://www.lazyweb.com/research/monthly-vs-annual-billing-toggle-pricing)
- [Should you show every plan, or curate one default and hide the rest behind 'View all plans'?](https://www.lazyweb.com/research/curate-default-plan-hide-rest-view-all-plans)