About

CONCENTRATE ON WHAT MATTERS

Structure is a responsive design framework for one page sites. Structure provides a minimal responsive template with commonly used one page website functions built in, so you can focus on your design. What are you waiting for? Download Structure!

THE ESSENTIALS: BUILT-IN

One page websites are becoming increasingly popular for usage as landing pages for startups, new web apps, new products, portfolios, and even small design studio pages. Structure provides the architecture and plugins necessary to easily create a beautiful one page website.

Responsive to Mobile

Responsive Navigation

Smooth Scroll to Anchor

Scroll Spy

Documentation

THE GRID

A 1280 max width responsive grid made up of 16 columns allows for flexibility and the ability to design with high resolution screens in mind. Simply add a class to your div to set it to a responsive grid width.

"s1"

"s15"

"s2"

"s14"

"s3"

"s13"

"s4"

"s12"

"s6"

"s10"

"s10"

"s6"

"s12"

"s4"

"s13"

"s3"

"s14"

"s2"

"s15"

"s1"

OFFSETTING THE GRID

Add an offset class to easily position a responsive column wherever you please in a row of the grid.

"s5 offset_s2"

"s7 offset_s6"

"s3 offset_s11"

download

All of the tools you need to create an amazing one page website:

WHAT'S INCLUDED