JK Web - Premium Template | Elements

Home
ELEMENTS – SYSTEM ELEMENTS

August 25, 2016

SYSTEM ELEMENTS

FROM THE BASICS

TITLE ELEMENT

It's only purpose is to help you add a customisable title to either a page, element or whatever, in various colors or states. You can change the heading level, add subtitle, paragraph and even a custom made symbol like a dash or icon.

Here's a few examples of what it can do.

THE TITLE

Here's a subtitle example.

This example has a H2 level, semibold font weight, a subtitle and a paragraph. As a symbol, it has a red dash right after the title.

THE TITLE

Here's a subtitle example.

This example has a H3 level, thin font weight, a subtitle and a paragraph. As a symbol, it has a red dash with a border right after the title.

THE TITLE

Here's a subtitle example.

This example is centrally aligned, has a H4 level, bold font weight, a subtitle and a paragraph. As a symbol, it has a simple after the title. It's also darker than the others.

SEPARATOR

Just a few pixels before, that's a separator. you can change color, height, size and margins.

SPACER HELPER

It's sole purpose is to help get a pixel perfect layout by helping you with some height pixels wherever you need some.

It's invisible but right below there's a 50px height spacer.

HOW TO SHOP

SHOWROOM HOURS

SYSTEM ELEMENTS

FROM THE BASICS

TITLE ELEMENT

THE TITLE

Here's a subtitle example.

THE TITLE

Here's a subtitle example.

THE TITLE

Here's a subtitle example.

SEPARATOR

SPACER HELPER

HOW TO SHOP

SHOWROOM HOURS

SYSTEM ELEMENTS

FROM THE BASICS

TITLE ELEMENT

THE TITLE

Here's a subtitle example.

THE TITLE

Here's a subtitle example.

THE TITLE

Here's a subtitle example.

SEPARATOR

SPACER HELPER

SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES

CREATE ACCOUNT

FORGOT YOUR DETAILS?