Brutalism Portfolio Template - Raw, Industrial & Interactive
Raw & Industrial
Overview
The Brutalism theme presents your portfolio as a stamped shipping manifest. Oversized condensed type, hard black rules, raw-link blue, caution yellow, and rubber-stamp red give every section the feel of labeled professional cargo.
Your identity arrives as a draggable access pass hanging from a simulated cloth lanyard. Work becomes a ledger, projects become handled shipping crates, skills become inventory bands, and credentials close the document as numbered records. The result is expressive without inventing content: empty entries disappear and every image comes from your itsfolio media library or its stable fallback chain.
Key Features
Interactive Access Pass
Your avatar sits in a draggable ID card beneath a physics-driven cloth lanyard, with a static strap for reduced motion and previews.
Manifest Section System
Reorder or hide eight numbered cargo sections; visible sections and navigation are renumbered automatically.
Project Image Crates
Project assignments, website preview images, and curated fallbacks fill framed shipping crates without remote placeholders.
Industrial Customization
Choose seven palettes, six responsive type systems, paper grain, border weight, hard shadows, density, marquee speed, and document furniture.
Tip
Brutalism is strict about empty cargo: fully blank rows and sections are removed, while partially populated records keep the information you actually supplied. Preview mode keeps the layout still and lightweight; the public portfolio enables the selected motion and card interactions.
Sections Breakdown
The source composition is Declaration → Work → Projects → Skills → Education → Certifications → Awards → Publications → Contact. Owners can reorder or hide the eight numbered content sections; Contact remains the closing manifest footer.
Identity & Declaration
A compact manifest bar displays your location and jump links. The hero combines your oversized name and role with social links, availability labels, and the access-pass portrait. A caution-tape marquee streams your keywords before the Declaration turns your narrative summary, bio, value proposition, and domains into a concise opening statement.
Cargo Ledger & Crates
Work experience is rendered as a dense ledger with company, role, period, and responsibility records. Projects use bordered crates with a real resolved 16:9 cover, figure number, URL, description, and technology inventory.
Capabilities & Records
Skills are grouped into inventory bands with recognized technology icons. Education, certifications, awards, and publications use their own document treatments while sharing the hard rules, mono metadata, red stamps, and contiguous manifest numbering.
Contact Manifest
The black closing panel leads with your contact call-to-action and only emits actionable email, phone, or profile links. Missing contact targets never become dead links.
Dynamic Theme Customization
Brutalism moves the source template's visitor settings sidebar into the itsfolio owner editor. Settings are stored in theme_config.brutalism, so every visitor sees the same deliberate composition and no browser-local settings leak between portfolios.
| Setting | Visual Effect | Options |
|---|---|---|
| Palette | Sets the scoped paper, ink, link, stamp, caution, and inset colors. | concrete | blueprint | kraft | oxide | sage | plum | mono |
| Typography | Switches the responsive display, body, and mono type system together. | manifest | industrial | grotesk | heavy | editorial | utility |
| Grain / Border / Shadow | Tunes the paper texture and hard-edged document weight. | 4 / 3 / 4 presets |
| Scale | Changes text scale and the spacing between sections, rows, cards, grids, and the footer. | compact | standard | spacious |
| Motion / Marquee / Card drag | Controls entrances, caution-tape speed, lanyard motion, and ID-card dragging. | on/off plus off | slow | standard | fast |
| Highlights | Shows caution-yellow text marks behind recognized skills. | on | off |
| Sections | Reorders or hides Declaration and the seven resume sections. | drag order + visibility |
| Image slots | Selects the access-pass portrait and project crate covers. | avatar + entity-keyed projects |
Explore more themes
View all →
Margin
Editorial & Technical
Blueprint
Coding & Competitive
Mainframe
Cinematic & Editorial
Workshop
Hand-drawn & Playful
3D Studio
Interactive & Immersive
macOS Sequoia
Classic OS Simulator
Sidefolio
Creative & Freelancer
Google Search
SEO & Search Engine replica
Modern
Designer & Developer
Terminal
Developer & Engineer
Margin
Editorial & Technical
Blueprint
Coding & Competitive
Mainframe
Cinematic & Editorial
Workshop
Hand-drawn & Playful
3D Studio
Interactive & Immersive
macOS Sequoia
Classic OS Simulator
Sidefolio
Creative & Freelancer
Google Search
SEO & Search Engine replica
Modern
Designer & Developer
Terminal
Developer & Engineer