Typography Examples

No one wants to be stuck with take-it-or-leave it typography settings and Venture is no exception. Users have a wide variety of control over how and when to use headings, change font colors, and much more.

Typography control available through the Venture Control Panel.

Direct control over font family, font size, font weight, and font colors is provided in the Venture Control Panel for

• Headings [H1]
• Sub Headings [H2]
• body text
• links (new, visited, and hover!)

Likewise, each of these elements can be independent of other typographic elements so you’re guaranteed the ability to maintain unique branding and style elements.

Let’s look at some examples:

Body text with styling

Lorem ipsum dolor sit amet, this is bold. Ut at sapien est. Maecenas sit amet sapien vestibulum nibh tempor tincidunt. Etiam suscipit consequat libero sed lacinia. Curabitur rhoncus aliquet posuere. Custom color cursus aliquet risus, nec congue nunc lobortis suscipit. Pellentesque eget diam nisl. This sentence is in italic.

Duis mauris, facilisis nec scelerisque vel, consequat id nulla. This is strikeout. Vestibulum id tortor velit. Morbi et velit vitae sem rutrum varius condimentum nec justo. Duis non odio at sapien mollis fermentum eget at ante.

Lists

Blockquotes and Indentations

Aenean viverra, arcu at blandit pulvinar, ligula erat commodo mauris, eu volutpat massa lacus eget tellus. Cras pellentesque tincidunt diam, nec commodo sem imperdiet a. Quisque et suscipit eros.

Blockquote: “Nam facilisis purus odio. Quisque augue orci, ultricies quis tempus vitae, commodo in lorem. Suspendisse bibendum fringilla neque porttitor semper. Nulla quis erat purus, at hendrerit velit. Nulla facilisis rhoncus lorem.”

Nam adipiscing, nibh ac scelerisque facilisis, nunc arcu dapibus nisi, eget luctus est erat nec eros. Curabitur posuere augue sit amet neque auctor porttitor. Integer tincidunt pellentesque lacus, in aliquam enim faucibus nec.

Indent: Curabitur porta, risus ac interdum ornare, magna nibh porttitor sapien, sed blandit sapien mi in sem. Donec ac pretium enim. Aliquam a consequat odio. Nunc lobortis malesuada odio, sit amet dictum sem iaculis a. Etiam nec risus sed risus aliquet rutrum nec id risus. Vestibulum non nisi ut odio consequat ultrices.

Double Indent: Mauris egestas commodo massa, adipiscing egestas tellus pretium ut. Morbi vitae sem orci. Curabitur est dolor, fringilla ut eleifend et, congue iaculis mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed quis nisl eu eros facilisis pharetra. Integer quis hendrerit est. Vestibulum fringilla facilisis mauris ut posuere. Praesent malesuada aliquam nibh, eu faucibus enim egestas ac. Vestibulum sit amet ligula id tortor porta consectetur. Quisque ligula velit, pellentesque pellentesque egestas eget, fringilla vitae velit. Curabitur luctus venenatis nulla tincidunt molestie. Integer dolor mauris, dictum a hendrerit id, blandit eget ligula. Maecenas eget sagittis lorem.

Alignment

Left aligned: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa enim, ullamcorper vitae accumsan ut, imperdiet ut erat. Vestibulum non justo sit amet sapien vehicula imperdiet ut adipiscing orci. Sed sit amet magna tristique est sodales ultrices non in lectus. Sed sit amet magna tristique est sodales ultrices non in lectus.

Center Aligned: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa enim, ullamcorper vitae accumsan ut, imperdiet ut erat. Vestibulum non justo sit amet sapien vehicula imperdiet ut adipiscing orci. Sed sit amet magna tristique est sodales ultrices non in lectus. Sed sit amet magna tristique est sodales ultrices non in lectus.

Right Aligned: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa enim, ullamcorper vitae accumsan ut, imperdiet ut erat. Vestibulum non justo sit amet sapien vehicula imperdiet ut adipiscing orci. Sed sit amet magna tristique est sodales ultrices non in lectus. Sed sit amet magna tristique est sodales ultrices non in lectus.

Justified: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa enim, ullamcorper vitae accumsan ut, imperdiet ut erat. Vestibulum non justo sit amet sapien vehicula imperdiet ut adipiscing orci. Sed sit amet magna tristique est sodales ultrices non in lectus. Sed sit amet magna tristique est sodales ultrices non in lectus.