Siteprint

Designs dropbox.com

What font does Dropbox use? Atlas Grotesk and Sharp Grotesk.

Dropbox's website sets its type in Atlas Grotesk with Sharp Grotesk headings, on a light #F7F5F2 canvas with #1E1919 text and a #0061FE accent. Copy the palette and fonts, or a ready prompt to build something original in this style with Claude Code, Cursor, Lovable or v0.

Colors tap to copy

    Type and shape

      Start

      In this style

      Ship the page you pictured.

      Your agent builds new screens with these exact colors, type and corners, so nothing looks generic.

      Get startedLearn more
      FastEvery value measured.
      YoursNew layout and copy.
      prompt.md

      Dropbox fonts and type scale

      Dropbox's website sets body text in Atlas Grotesk and headings in Sharp Grotesk. Body text is 20px, section headings 20px and the largest display type 40px, at weight 500. If you can't use Atlas Grotesk, ask your AI for the closest free match and keep the sizes and weights.

      Dropbox color codes

      Canvas#F7F5F2the page background
      Surface#FFFFFFcards and raised areas
      Text#1E1919primary text
      Accent#0061FEbuttons, links and focus
      Muted#524A3Esecondary text and captions

      How do I build a site that looks like Dropbox with AI?

      Open the Prompt tab above, change its first line to what you are building, and paste it into Lovable, v0, Bolt, Claude Code or Cursor. For a whole project, install the Claude skill or the Cursor rule instead, so every screen keeps the style. Build something original: keep Dropbox's look, not its name, logo or copy.

      Measured from dropbox.com's live page as a browser renders it, at 1440px wide, with the Siteprint extension's scanner, on 25 October 2026. Siteprint is not affiliated with Dropbox; names and trademarks belong to their owners.