Content Styles v1.0

A reasonable set of typography styles for your websites that you can browse and apply with a single click.

Extend Your CMS with Style Selection Feature
that focuses on content readability & purpose!

Content Styles can be integrated into CMS, hosted service or custom web applications with a simple jQuery plugin (included). This allows users to browse, evaluate and apply the style (css) immediatelly to their site/content.

Basic Demo   Demo + ContentBuilder.js
(Content Styles can also be used with ContentBuilder,js)

Because choosing awesome font is not enough.. 

Content STyles HELPS YOU GET THE TYPOGRAPHY RIGHT

Font combination in context, not just font selection.

We need more than just font selection (most online editors already provide this). With Content Styles, you will see a preview panel of font combinations with sample context. This way you can evaluate how each style works for your content before applying it. 

Supports popular css frameworks 

Bootstrap & Foundation frameworks compatible (sample included in the package).

Supports  ContentBuilder.js

Extend your current ContentBuilder.js with a style selection feature (sample integration included)

Detailed Built to Produce readable web Content

 We made detailed adjustment to size, height, margin according to unique typefaces to achieve good proportions and hierarcy of the headline, headers & body copy.

Plugin Usage

1. Include the required css

<link href="assets/styles/contentstyle.css" rel="stylesheet" type="text/css" />
<link id="idStyle" href="assets/styles/content-000.css" rel="stylesheet" type="text/css">

2. Include the required js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
<script src="assets/styles/contentstyle.js" type="text/javascript">

3. Run

jQuery(document).ready(function ($) {
        $.contentstyle({
            cssPath: 'assets/styles/',
            onChange: function (css) {
                jQuery('#idStyle').attr('href', css); /* This will apply the selected css to the page */
            }
        });
});

You can then save the selected css in the backend (database), depending on your site or CMS.

Web Design is 95% Typography

(Oliver Reichenstein - Read More)

IT'S NOT ABOUT GETTING A GOOD LOOKING DESIGN. IT'S ABOUT DELIVERING THE INFORMATION RIGHT TO YOUR WEBSITE VISITORS.

Buy & Download


$199

  • Allows you to use in multiple website projects for clients.
  • Allows you to use in one CMS/product for sale or one commercial hosted service (SaaS project) with unlimited end users.