Rayon Team Section

Rayon Team Section, dark-mode, technical, dark

Preview image. Unlock full-res

Dark four-column team grid with black-and-white headshots cropped into notched corner-cut frames, each with role, name, bio and social links.

Summary

A dark team section presenting eight people in a four-by-two grid, each headshot in a black-and-white photo with a distinctive cut-out notched corner. The angular photo crop and monochrome portraits are the signature.

Visual description

A small "The Team" eyebrow sits above an oversized two-line heading "Meet the people behind RAYON", where the wordmark is rendered in a light lilac display face; a dark "See jobs openings" pill button follows. Below, eight team cards fill two rows of four. Each card has a high-key black-and-white portrait whose frame has an angular bite taken out of one corner (an L-shaped notch), then a small muted role label, a bold white name, a one-line bio, and a small row of monochrome social icons (LinkedIn, X, GitHub) underneath. The background is deep indigo with faint blueprint guide lines near the top.

Key takeaway

The corner-notch photo crop gives an otherwise standard headshot grid a custom, branded silhouette that ties to the CAD/drawing theme. Converting all portraits to high-contrast black and white keeps a mixed set of photos visually consistent. Putting role above name (small label, bold name) reads cleanly at a glance.

Reuse notes

Good for a startup "meet the team" or careers page that wants personality without color noise. The notched crop needs to be applied uniformly or it looks like a mistake; black-and-white portraits require decent source photos. Works on dark; pairs naturally with a careers CTA like the jobs button shown.

More team sections

See all

More like this