Solid State — Sidebar Agency Template
A crisp agency theme with an off-canvas sidebar menu, a bold intro banner, spotlight rows and a dedicated contact page.
Overview
About Solid State
A crisp agency theme with an off-canvas sidebar menu, a bold intro banner, spotlight rows and a dedicated contact page.
A self-hosted, CC BY 3.0-licensed build from HTML5 UP, Solid State is organised into 6 clearly-named sections — from off-canvas menu through to the 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 Solid State, section by section, ready to hand to your build:
- 01Off-canvas menusets the first impression and states the value up front.
- 02Intro bannerintroduces the core offer with supporting detail.
- 03Spotlight rowsbuilds trust with proof, logos or testimonials.
- 04Feature gridlays out the main content in a scannable rhythm.
- 05Contactadds secondary detail and useful context.
- 06Footercloses the page and anchors the footer.
Design system
Colour, type & spacing
Solid State runs on a restrained system: a neutral base — white, off-white and near-black — with #3fb0b0 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 Solid State when you’re building for studios and agencies. 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 solid-state.md. Download to unlock the complete file — Solid State’s full structure, design system, responsive and accessibility notes in one Markdown file.
# Solid State
> A crisp agency theme with an off-canvas sidebar menu, a bold intro banner, spotlight rows and a dedicated contact page.
## Template details
- **Category:** Agency
- **Format:** HTML / CSS / JS
- **Source:** HTML5 UP · CC BY 3.0
## Page structure (preview)
1. **Off-canvas menu**
2. **Intro banner**
3. **Spotlight rows**
…and 3 more sections.
---
🔒 Enter your email to unlock and download the complete `solid-state.md` blueprint.