Striped

Striped is a free, fully responsive HTML5 site template from HTML5 UP that produces a blog-style layout with a repositionable sidebar and minimal design.

What is Striped?

Striped is a fully responsive HTML5 site template designed by AJ for HTML5 UP, released for free under the Creative Commons Attribution license. It produces a blog-style page layout centered on a clean, minimalistic design, with a sidebar that can be repositioned to the left or right. The source consists of hand-written HTML5 and CSS3 files designed for quick customization, with code comments guiding edits. The template includes styling for all basic page elements such as blockquotes, tables, and lists.

Key Features

• Responsive layout — Striped adapts to different screen sizes with HTML5/CSS3 media queries, making it usable on mobile and desktop without extra frameworks.
• Repositionable sidebar — The sidebar can be moved from the left to the right side of the page by adjusting the template's CSS, as noted in the design description.
• Basic element styling — The template ships with pre-designed styles for common HTML elements, including blockquotes, tables, and lists, so content looks consistent without extra work.
• Demo blog content — The included demo shows a blog-style layout with dated posts, images, pagination (pages 1 through 20 with a "Next Page" link), and a Twitter widget in the sidebar.
• Free Creative Commons license — Released under the Creative Commons Attribution license, so personal and commercial projects can use it as long as HTML5 UP is credited for the design.
• Code comments for customization — The HTML5/CSS3 code includes comments explaining where and how to change key parts, making customization approachable for developers.

Who is it for?

Striped suits individuals and small teams who need a simple, lightweight blog or content site without a heavy framework. Bloggers can use it as a starting point for a personal journal with a sidebar for widgets. Developers who want a clean HTML/CSS base can strip the demo content and build a custom layout. Designers can use it as a quick mockup for a minimal editorial page.

What can you do with Striped?

• Personal bloggers: Publish dated posts with images, and paginate them using the included page-number navigation, then add a Twitter feed to the sidebar.
• Developers: Customize the layout by editing the commented HTML5/CSS3 files directly, moving the sidebar from left to right via CSS changes.
• Hobbyist site owners: Create a simple content site with styled tables, quotes, and lists, then host it on any static web server because no backend or build step is needed.

FAQ

Is Striped free?

Yes, Striped is released for free under the Creative Commons Attribution license. You can use it for personal or commercial projects, but you must credit HTML5 UP for the design. The license allows modifications and redistribution with attribution.

Does Striped use a framework like Bootstrap?

No, Striped is built with hand-written HTML5 and CSS3 code, not a CSS framework. This keeps the template lightweight and makes it easy to customize from scratch, since you only need to edit the template's own stylesheets.

What page elements are styled?

The template includes styling for basic HTML elements like blockquotes, tables, and lists, plus the blog layout elements such as posts, sidebar, and pagination. The demo content shows these styles in action, making it easy to see how they look.

Can I use Striped for commercial projects?

Yes, the Creative Commons Attribution license permits commercial use. The only requirement is attribution to HTML5 UP, typically through a credit line in the site footer or about page.