Split Departments Team
A split two-column layout with department navigation on the left (vertical tabs) and team members displayed as cards on the right, using olive and sand tones.
📐 Layout Archetype
split-two-column — Engineered with responsive CSS flexbox and CSS grids that collapse gracefully on smaller viewports.
🎨 Visual Style Language
warm-earthy — High contrast baseline typography, fine hairline borders, and subtle interactive elevations.
⚡ Production Ready
100% pure Tailwind CSS utility classes with zero build steps or heavy node modules. Drop directly into React, Next.js, Vue, or HTML.
More Team & Leadership
Photo-Card Showcase
A split two-column layout with photo cards on the left and a detailed description on the right, using gradient mesh accents.
Centered Social Team
A centered-stacked layout with a large gradient headline, member cards in a row, and prominent social icons, ideal for a creative agency.
Spotlight Bio
Centered hero with large profile, glowing quote, and bio in glassy card.