Minimal Tabs
Clean tabs with a thin underline marking the active item and no extra borders. Fits content heavy pages where the switcher should stay quiet and unobtrusive.
Clean tabs with a thin underline marking the active item and no extra borders. Fits content heavy pages where the switcher should stay quiet and unobtrusive.
Search blocks by description or jump to a page.
Minimal Tabs renders a horizontal strip of three triggers, Account, Password, and Settings, separated by generous spacing along a single bottom border. The active trigger gains a two-pixel underline in the primary color and its label shifts to full foreground weight, while inactive labels stay in a muted tone. Below the strip each panel shows a heading and a short paragraph of supporting copy.
No background fill, no border box, no shadow sits behind the trigger list, so the underline does all the work. The tab labels, the heading text, and the panel copy are all independent, and you can add or remove triggers freely as long as each one has a matching panel.
This layout suits any interface where the navigation itself should recede and let the content take priority. For a creative agency or studio it works well on a case study page that steps through Approach, Process, and Results, or on a profile page that separates work, contact, and about sections without imposing visual weight on the reading experience. It is quieter than Card Tabs or Shadow Tabs, making it the better pick when surrounding content is already visually busy.
A natural flow around it on a Components page:
Before
After
The block is a self-contained switcher with three swappable sections:
Tip: keep trigger labels to one or two words so the strip stays compact and the underline accent reads cleanly across all of them.