UI Sections
SectionsStylesIndustriesCompaniesAbout

21Oaks website design

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

Visit 21oaks.org (opens in a new tab)

Sections 7

In page order, top to bottom

  1. 21Oaks hero section: full-bleed living room photo with serif headline bottom-left, lavender nav buttons and gallery thumbnails
    01 Hero

    Live better, closer to USC

  2. 21Oaks value proposition section: oversized serif headline above a distance list with progress bars and a paragraph on the right
    02 Value proposition

    Everything you need, within reach

  3. 21Oaks features section: centered serif heading and button above a carousel of amenity photo cards with captions
    03 Features

    Just outside your door

  4. 21Oaks how it works section: serif heading and tour button on the left, three stacked pastel step cards on the right
    04 How it works

    How it Works

  5. 21Oaks FAQ section: centered serif heading, intro and button on the left, accordion question list on the right on white
    05 FAQ

    Frequently asked questions

  6. 21Oaks call-to-action section: full-bleed lounge photo with a lavender card holding a serif headline and tour button
    06 Call to action

    Find your place. Make it yours.

  7. 21Oaks footer section: dark background with serif wordmark, link and contact columns, and a lavender line drawing of a room
    07 Footer

    Your space. Still on.

Similar companies

All companies
Concourse17 sections Plasma36 sections Customer.io26 sections Ruul15 sections
    ↑↓ Navigate ↵ Open

    Section preview

    Website section