You can easily customize the typography in the theme – we have included support for Google Fonts, Cufon Fonts and Web Safe fonts in the font section of the HANA Panel. We have also included Button Set for generation of stylish elements.  Here are some examples of the default styled typography elements included with the theme for quick and easy way to create and edit your site content.

Heading

This is how the standard typographic hierarchy looks in the theme. It is great  for structuring your content.

This is a Heading 1 Element

Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condimentum justo sit amet.

This is a Heading 2 Element

Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condimentum justo sit amet.

This is a Heading 3 Element

Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condimentum justo sit amet.

This is a Heading 4 Element

Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condimentum justo sit amet.

This is a Heading 5 Element

Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condimentum justo sit amet.

This is a Heading 6 Element

Nam convallis imperdiet pretium. Integer commodo malesuada purus, a hendrerit erat aliquet in. Nunc eget odio augue, non fringilla lacus. Sed condimentum justo sit amet.

 

Intro Text

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis.

 

 

Highlight Text

Great to call attention or to flag any phrase in your text.

Lorem ipsum dolor sit amet, Important   . Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis. Lorem ipsum brand new  , consectetur adipiscing elit.Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.

 

Blockquote

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.

 

Drop Caps

Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nunc nisl, pretium pretium aliquet eu, vehicula ac felis. Curabitur quis metus vel erat faucibus iaculis.

 

Bulleted Lists

The following styled bulleted lists are available:

 

  • Lorem ipsum
  • Consectetur
  • Phasellus iaculis
  • Eget porttitor
  • Dolor sit amet
  • Adipiscing elit
  • Lorem at massa
  • Pretium aliquet
  • Aenean amet
  • Eget porttitor
  • Facilisis alique
  • Volutpat ali

 

  • Lorem ipsum
  • Consectetur
  • Phasellus iaculis
  • Eget porttitor
  • Dolor sit amet
  • Adipiscing elit
  • Lorem at massa
  • Pretium aliquet
  • Aenean amet
  • Eget porttitor
  • Facilisis alique
  • Volutpat ali

 

Flexible Buttons

With the new Styling Buttons included in this theme you can apply Button styles to anything. This is how the default style of a button looks:

Button

Also there is an included color picker so that it is really easy for users to apply different color styles.

Color Picker Rain Bow Resizable Button

 

Table Design

Tables are great to present information in a clear and structured form. This is how the default table design looks like.

Header Item 1 Header Item 1 Header Item 1 Header Item 1
Item 1 Item 1 Item 1 Item 1
Item 1 Item 1 Item 1 Item 1
Item 1 Item 1 Item 1 Item 1

 

Info Boxes

For displaying messages and highlighting important information, notes, failure or success of an action.

Info: Insert your text here
Note: Insert your text here
Error: Insert your text here
Tip: Insert your text here