UI Sections
SectionsStylesIndustriesCompaniesAbout

Rayon website design

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

Visit rayon.design (opens in a new tab)

Sections 8

In page order, top to bottom

  1. Rayon hero section: centered bold headline and two buttons on a dark navy grid above a CAD floor plan editor screenshot with play button
    01 Hero

    The fastest tool to create perfect architectural drawings.

  2. Rayon logo cloud section: small heading above two scrolling rows of white customer logos in orange dashed boxes on dark navy
    02 Logo cloud

    Meet our customers

  3. Rayon features section: bold headline and button on the left, dark CAD floor plan screenshot on the right, four benefit columns below
    03 Features

    Just work better, with Rayon.

  4. Rayon testimonials section: two-line headline above a grid of eight quote cards with company logos and avatar names
    04 Testimonials

    Why they all chose Rayon.

  5. Rayon pricing section: large headline with orange accent, monthly/yearly toggle and white, orange and navy plan cards on a grid
    05 Pricing

    Start for free, upgrade later.

  6. Rayon team section: headline on a dark navy grid above two rows of four team member cards with tinted portrait photos
    06 Team

    Meet the people behind Rayon

  7. Rayon blog & resources section: headline above a four-tile bento of yellow docs, video tutorial, pink guide and orange assets cards
    07 Blog & resources

    All you need to get started with Rayon

  8. Rayon footer section: five link columns on deep navy above a giant white Rayon wordmark set over an orange construction grid
    08 Footer

Similar companies

All companies
Customer.io26 sections Canopy29 sections Mintlify16 sections Semrush15 sections
    ↑↓ Navigate ↵ Open

    Section preview

    Website section