UI Sections
SectionsStylesIndustriesCompaniesAbout

Sanity website design

Every section we captured from the Sanity website, in page order, from the hero section down to the footer. Open any thumbnail to see it full size.

Visit sanity.io (opens in a new tab)

Sections 4

In page order, top to bottom

  1. Sanity hero section: headline, buttons and npm command left, Sanity Studio screenshot right, two rows of customer logos below on dark
    01 Hero

    The Content Operating System

  2. Sanity testimonials section: headline above a PUMA athlete photo card with quote and a row of customer logo tabs on a dark background
    02 Testimonials

    Trusted by the most innovative teams

  3. Sanity blog & resources section: left-aligned headline above three resource cards for templates, docs and a course on a dark background
    03 Blog & resources

    Less talk, more code

  4. Sanity footer section: CTA headline with two buttons above link columns and social icons on charcoal, with a giant red SANITY wordmark
    04 Footer

    Ready to build? Let's make it real.

Similar companies

All companies
Supercut11 sections Canopy29 sections Customer.io26 sections Hunar19 sections
    ↑↓ Navigate ↵ Open

    Section preview

    Website section