UI Sections
SectionsStylesIndustriesCompaniesAbout

Neon website design

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

Visit neon.com (opens in a new tab)

Sections 5

In page order, top to bottom

  1. Neon hero section: centered headline and green CTA above two rendered feature cards for Scaling and Branching on a dark dot-grid background
    01 Hero

    Ship faster with Postgres

  2. Neon logo cloud section: left-aligned headline beside a two-row grid of white customer logos on a black background
    02 Logo cloud

    Trusted in production by thousands of teams.

  3. Neon value proposition section: huge Trusted Postgres headline behind staggered dark cards for GitHub, 750k databases, Postgres and SOC2
    03 Value proposition

    Trusted Postgres

  4. Neon call-to-action section: centered two-line headline and green Get Started button over a dark dot-grid map with glowing teal dots
    04 Call to action

    Features of tomorrow. Available today.

  5. Neon footer section: dark dot-grid CTA band above a footer with logo, company, resources, social and compliance link columns
    05 Footer

    Features of tomorrow. Available today.

Similar companies

All companies
Plasma36 sections Linear15 sections Laravel Forge13 sections Wavelength9 sections
    ↑↓ Navigate ↵ Open

    Section preview

    Website section