Designedย by
No items found.
Subject


Bookmark
Bookmark
Tech Stack
Added on
July 3, 2024

Atlas Welcome Screen Structure

Atlas Nails the First-Impression Modal

That centered welcome dialog is doing all the heavy lifting here. Clean white card, generous padding, and a dead-simple CTA hierarchy. "Skip" in plain text, "Take the Tour" in a bold blue button. No confusion about what they want you to do. The copy is tight too. Five quick steps. That's a promise that respects your time.

A Workspace That Doesn't Overwhelm

Behind the modal you can already see the full app layout and it feels approachable. Left panel for layers, right panel for data actions, map in the center. The dark top toolbar with minimal icons keeps things functional without clutter. Mapbox-powered base map with muted earth tones lets your actual data be the star later. The "No layers - yet" empty state with that diamond icon is a small touch but it tells you exactly where to start.

What Makes It Stand Out

The right sidebar organizing Vector Operations, Raster Operations, and Tools & Workflows into expandable rows is super scannable. Typography is consistent and restrained throughout. Nothing fights for attention. It just works.
Similar screens

Upgrade to SaaSFrame Pro now to see similar examples.

Monthly

$18 /month
Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month
Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month
Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now