UI Sections
SectionsStylesIndustriesCompaniesAbout

Framer website design

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

Visit framer.com (opens in a new tab)

Sections 6

In page order, top to bottom

  1. Framer hero section: left-aligned headline with two buttons beside a floating transition-settings panel, logo row below, on black
    01 Hero

    The web builder for stunning sites.

  2. Framer testimonials section: centered heading above a large tweet quote tile beside stacked Product Hunt and G2 badge tiles on black
    02 Testimonials

    People love using Framer.

  3. Framer pricing section: centered heading with personal/business toggle above three dark plan cards, the popular one with a purple glow
    03 Pricing

    Pricing

  4. Framer FAQ section: heading above a single-column list of questions with expanded answers separated by thin rules on black
    04 FAQ

    FAQ

  5. Framer call-to-action section: left headline with two buttons beside the Framer editor layers panel, blue glow along the bottom on black
    05 Call to action

    Design smarter, publish faster.

  6. Framer footer section: CTA with editor UI and blue glow above a black footer with logo, tagline, five link columns and social icons
    06 Footer

    Design smarter, publish faster.

Similar companies

All companies
Laravel Cloud18 sections Sendr16 sections Piqo9 sections Plasma36 sections
    ↑↓ Navigate ↵ Open

    Section preview

    Website section