POETRY

Minimalistic boilerplate with verbose markup.

Download now

Designed


Poetry is crafted with generic visual style that can serve as a base for any project. This visual framework is easily extensible and modifiable with few basic parameters as colors and fonts.

Modern


Poetry uses normalize.css to render all elements more consistently and in line with modern standards. On top of this it constructs HTML5 valid code for basic visual scaffolding of the web.

Opinionated


Poetry utilises very verbose markup to create low maintenance code that promotes experimentation and combination. It is ideal for project pages, company landing pages and such.

Grid

Poetry is based on a very simple but powerful and intuitive grid markup inspired by genial Skeleton. The grid is fully nestable to allow finegrain panel styling. The grid parameters are easily customizable through Less parameters, but the defaults set to 960 grid system should fit the basic needs.

Three columns
Three columns
Three columns
Three columns
Four columns
Four columns
Four columns
Six columns
Six columns

Basic typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

The default typography style in tritone/augmented fourth scale typeset in beautiful and free Lato. All the important variables are easily changed via exported Less variables.

Forms

Standard HTML5 form elements are styled by default.

Verbose markup

Verbose markup promotes recombination of classes to obtain wanted results. Few utility classes with english names (such as light background, two columns, primary button) can be combined and mixed naturally. Just explore the code of this page!

Download now

Buttons

Poetry comes with modern button classes with basic modifiers. Other colors can be easily added when needed.

Primary button
Regular button
Disabled button

Responsive tables

True responsive tables come handy when displaying data.

# Name 1 Name 2 Name 3
1 Andrew Peter Michael
2 Peter Thomas Andrew
3 Michael Andrew Peter
Check out the two example pages.