UI reference · iOS

Switching to dark mode in The Wall Street Journal

11 screens · The Wall Street Journal

Added to Refcat Mar 29, 2026

Every screen in order

Patterns

Settings & PreferencesDark Mode

Components

toggletabtoastlist

Explore real product flows

Onboarding flow in The Wall Street Journal

Purchasing a subscription plan flow in The Wall Street Journal

Purchasing a subscription plan

Newsfeed flow in The Wall Street Journal

Listening to an article flow in The Wall Street Journal

Listening to an article

Article detail flow in The Wall Street Journal

Stock detail flow in The Wall Street Journal

Following a writer flow in The Wall Street Journal

Following a writer

Editing a watchlist flow in The Wall Street Journal

Editing a watchlist

Browsing by sections flow in The Wall Street Journal

Browsing by sections

Creating a watchlist flow in The Wall Street Journal

Creating a watchlist

Playing a video flow in The Wall Street Journal

Playing a video

Searching for news, companies, stocks, and more flow in The Wall Street Journal

Searching for news, companies, stocks, and more

More UI examples

settings UI examples profile UI examples

Explore the full catalog

Terms and conditions Privacy Cookies