Siteprint

Designs sanity.io

What font does Sanity use? IBM Plex Mono and Waldenburg.

Sanity's website sets its type in IBM Plex Mono with Waldenburg headings, on a light #FFFFFF canvas with #0B0B0B text and a #FF4100 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

      Sanity fonts and type scale

      Sanity's website sets body text in IBM Plex Mono and headings in Waldenburg, with IBM Plex Mono for code. Body text is 13px, section headings 32px and the largest display type 112px, at weight 425. If you can't use IBM Plex Mono, ask your AI for the closest free match and keep the sizes and weights.

      Sanity color codes

      Canvas#FFFFFFthe page background
      Text#0B0B0Bprimary text
      Accent#FF4100buttons, links and focus
      Button#FFFFFFprimary buttons, with #0B0B0B text

      How do I build a site that looks like Sanity 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 Sanity's look, not its name, logo or copy.

      Measured from sanity.io'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 Sanity; names and trademarks belong to their owners.