Overview
The Modern theme brings a premium editorial aesthetic to your portfolio. Clean typography, alternating section backgrounds, and scroll-triggered animations create a polished, professional presence.
Design Philosophy
The layout uses a strict 700/300 weight split — bold headings against light body text — with alternating white and soft-gray section backgrounds to create visual flow without heavy separators.
Key Features
Editorial Typography
Strict 700/300 weight split with alternating section backgrounds for visual rhythm
Container Queries
Responsive inside preview panes — adapts to container width, not just viewport
Drag-to-Reorder
Rearrange Work, Skills, Projects, and more in any order from the editor
Three Skill Displays
Tabbed tags, animated bars, or compact list — pick the style that fits you
Tip
Modern is the default theme applied to all new portfolios. It works great for most professionals right out of the box.
Sections Breakdown
Hero & Stats Band
The hero renders your name, role, and social CTAs pulled from your resume links. Below it, a stats band calculates metrics like years of experience and project count from your actual resume data.
Skills Display
Three display modes to match your style...
| Display Mode | Best For | Visual |
|---|---|---|
| Tabbed Tags | Many skills across categories | Clickable category tabs with tag chips |
| Animated Bars | Showing proficiency levels | Horizontal bars with scroll-triggered fill |
| Compact List | Space-efficient overview | Simple categorized text list |
