This is an example page

Scroll down and take
a look at the examples.

Scroll down and take
a look at the examples.

Disclaimer: This is not a complete framework, but a clean boilerplate with a few examples that you can build upon.

Getting started

We recommend taking a look at Atomic Design by Brad Frost and Fractal for better understanding of the method and principles.

For getting started with development, take a look and follow the steps in the Novicell Frontend README.

Below you will find examples of some of the patterns in this demo.

About boxes


This is an organism using the text-box molecule.

Atomic design

The Pattern Library is based on the Atomic Design method by Brad Frost.

Link text

Novicell Design System

Build using our own tools and best practices for building websites.

Link text

Primary boxes


Another organism using the box-image molecule.

Box Image header

Box Image content.

Box Image header

Box Image content.

Box Image header

Box Image content.

List page


Another organism using the list-page-item--card molecule.

Alt text

Headline

usu graeci debitis ea, impetus accusamus eam ad. Cu inimicus molestiae quo, at per iusto tritani eruditi. /
Alt text

Headline

usu graeci debitis ea, impetus accusamus eam ad. Cu inimicus molestiae quo, at per iusto tritani eruditi. /
Alt text

Headline

usu graeci debitis ea, impetus accusamus eam ad. Cu inimicus molestiae quo, at per iusto tritani eruditi. /