Dimension — Single-page Portfolio Template
A striking single-page portfolio where a centered menu opens full-screen panels for intro, work, about and contact over a blurred background.
Overview
About Dimension
A striking single-page portfolio where a centered menu opens full-screen panels for intro, work, about and contact over a blurred background.
A self-hosted, CC BY 3.0-licensed build from HTML5 UP, Dimension is organised into 6 clearly-named sections — from header logo through to the social footer — so a polished design becomes a production build without guesswork. It holds together from a single column on mobile up to a structured multi-column composition on desktop.
Structure
What ships in the download
The download is a single Markdown blueprint — the complete structure of Dimension, section by section, ready to hand to your build:
- 01Header logosets the first impression and states the value up front.
- 02Intro panelintroduces the core offer with supporting detail.
- 03Work panelbuilds trust with proof, logos or testimonials.
- 04About panellays out the main content in a scannable rhythm.
- 05Contact paneladds secondary detail and useful context.
- 06Social footercloses the page and anchors the footer.
Design system
Colour, type & spacing
Dimension runs on a restrained system: a neutral base — white, off-white and near-black — with #e44c65 carried through for emphasis and calls to action. It ships as HTML / CSS / JS, so recolouring or restyling is a matter of editing one stylesheet.
Who it’s for
Reach for Dimension when you’re building for designers, makers and freelancers. It’s a credible, conversion-minded starting point — enough structure to look considered on day one, and flexible enough to grow into your own brand.
Customising
Open the HTML / CSS / JS stylesheet to shift the brand colour and typography, then swap in your own copy and imagery. Check it at desktop, tablet and mobile from the Preview screen before you ship.
Blueprint
Preview the blueprint
A preview of dimension.md. Download to unlock the complete file — Dimension’s full structure, design system, responsive and accessibility notes in one Markdown file.
# Dimension
> A striking single-page portfolio where a centered menu opens full-screen panels for intro, work, about and contact over a blurred background.
## Template details
- **Category:** Portfolio
- **Format:** HTML / CSS / JS
- **Source:** HTML5 UP · CC BY 3.0
## Page structure (preview)
1. **Header logo**
2. **Intro panel**
3. **Work panel**
…and 3 more sections.
---
🔒 Enter your email to unlock and download the complete `dimension.md` blueprint.