Dropbox
dropbox.com/
Dropbox has expanded well past file sync into a suite of named sub-products shown on its homepage: Replay for video review, Sign for e-signatures, Dash for content discovery, DocSend for tracked document sharing, and Reclaim.ai for AI scheduling. Its headline, "Get to work, with a lot less work," sits over a split-screen showing desktop and mobile syncing simultaneously. What's specific to this page is the direct trust line stating Dropbox "never sells your data," paired with integration logos for Google Gemini, OpenAI, and Anthropic — positioning file storage as the neutral layer connecting a user's files to whichever AI tool they choose, rather than pushing its own AI model.
- Category
- Productivity & Collaboration
- Style
- LightColorful
- Fonts
- Sharp GroteskAtlas Grotesk Web
- Palette
- Meta title
- Dropbox: Secure cloud storage, file sharing, and more
- Sections
- 7
- Updated
Dropbox's landing page, section by section
Each section below is cropped straight from Dropbox's live page — useful references for productivity & collaboration landing page design.
Heroes
More heroesFeatures
More featuresAbout Us
More about usContact Us
More contact usPricing & Plans
More pricing & plansAffiliate pages
More affiliate pagesDropbox design review: what the page does, section by section
The desktop capture runs 9,243 pixels. From the top: a pale blue webinar bar, nav, a hero with product mockups, a logo strip, a dark "AI integrations" band, three feature blocks, a rounded black security panel with testimonials, an industries grid, an article row and a black footer. Colour is warm off-white and near-black, with #0061fe reserved for buttons and the logo. Display type is Sharp Grotesk, paired with Atlas Grotesk Web. Interface cards are layered over photography instead of shown alone, and the label "Try Dropbox free" repeats as the main call to action in nearly every block.
HeroesView crop
The hero splits in two. On the left, the headline "Get to work, with a lot less work" sits over a grey subline and one blue button, "Try Dropbox free". On the right, a desktop file browser carries a phone screen overlapping its corner. A cookie banner with "Decline" and "Accept All" covers the lower left.
FeaturesView crop
Each feature block opens with a pill label ("Find", "Organize", "Share"), a centred headline, two lines of copy, and paired buttons: outlined "Learn more" and underlined "Try Dropbox free". Interface cards overlap photographs: search results over fashion images, a "Set naming convention" dialog beside a race car, a "Final_files" folder over a laptop.
FootersView crop
Six black columns are headed "Dropbox", "Products", "Features", "Support", "Resources" and "Company". Lists run from four links under "Company" to eleven under "Products". Beneath sit three social icons, a thin rule and an "English (United States)" selector. A tall empty black area follows.
Pricing & PlansView crop
The pricing page opens with "Go from idea to done with Dropbox" and a monthly/yearly toggle marked "Save 15%". Three cards follow: "Plus" at "$9.99 / month", "Standard" at "$15 / user / month" under a lime "Best Value" tab, and "Advanced" at "$24 / user / month". Smaller "Basic" and "Enterprise" cards follow, then a "Compare plans" table using blue checks.
About UsView crop
The about page starts with a split hero: a dark panel reading "Our mission is to design a more enlightened way of working" beside a photo. "Our story" runs three short paragraphs, then "Our team" on black shows ten monochrome portraits in three columns. "Board of directors" repeats the grid on off-white with eight.
Contact UsView crop
On the contact page, "Contact our sales team" and a four-item bullet list fill the left column, with a phone number. The right column holds an eleven-field form closed by a blue "Contact Sales" button. Below, six customer logos and an orange band with four statistics: "56%", "575k+", "4.5B" and "1B+".
Affiliate pagesView crop
Dark and centred, the referral page presents "Dropbox referral program" over one blue button, "Send a referral", and a large line illustration of two hands passing a box marked with a link icon. Three icon columns, "Step 1" to "Step 3", follow. Five collapsed FAQ rows precede a repeat band, "Free storage space, no strings attached".
On mobile
At 390px the page stacks into one column and runs 11,433 pixels. The hero keeps the headline and "Try Dropbox free" button above a shrunken mockup whose labels are unreadable. The logo strip shows two logos at once. AI cards, industry rows and articles stack, footer columns reflow to two across, and the testimonial carousel is cut off at the right edge.
Worth borrowing
- Pairing each product screen with a full-bleed photograph ties the interface to a real use.
- Placing the middle "Standard" card under a lime "Best Value" tab steers attention to one tier.
- Switching to dark blocks for "AI integrations" and "Security never comes second" breaks up a light page.
