Tabs for Offices
Brutalist tabbed panels with thick borders and offset shadows, each tab opens a different office's contact card including time zone and language support.
📐 Layout Archetype
tabs-for-offices — Engineered with responsive CSS flexbox and CSS grids that collapse gracefully on smaller viewports.
🎨 Visual Style Language
bold-brutalist — 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 Contact Forms
Zigzag Accordion
A bento-like accordion with a sticky first column, alternating rows, and a playful striped background.
Dense Channel Comparison Table
A high-density comparison table with sticky header and first column for enterprises prioritizing quick scanning.
Three Column Channel Cards
A three-column card grid comparing channels with a summary panel, designed for marketing-led pages.