Styles Demo

Typography

Editors have the power to alter the appearance of content within the site using the powerful built-in editor. For example, this introductory text which can be added with the styles that drop down within the CMS editor.

CMS editor

The typography of the Simple theme is designed to create a strong hierarchy with basic styles. The primary header font is "Cambo Regular" which is not a regular web font but provides a good example of how custom web fonts from services like Typekit and Google Fonts can be used to smarten up themes allowing them to be more individual. Regular paragraphs are set using the font Arial at a size of 13px with 20px line height.

Heading <h1>

Heading <h2>

Heading <h3>

Heading <h4>

Heading <h5>

Heading <h6>

Normal text, hyperlinks, bold, and italics.

This is a blockquote style example.

You can insert symbols © and Silverstripe CMS supports characters from languages across the globe.

Bullet One
Bullet Two
Bullet Three

List One
List Two
List Three

Left aligned content

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nulla vitae elit libero, a pharetra augue. Vestibulum id ligula porta felis euismod semper. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Center aligned content

Right aligned content

Image presentation within a the Simple Theme

This is a header	This is a header	This is a header	This is a header	This is a header	This is a header
Data example				Data example
		Data example
	Data example			Data example	Data example