Visual Style Guide

Colors, Fonts & Other Styles


 Headings


Heading 1

Heading 2

Heading 3

Body (Normal)

Body Link Style

Body Quote Style

“Quote Block Style”

— SOURCE




Text


 Heading 1

Single Column - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper neque eu sagittis suscipit. Proin sed ullamcorper orci. Sed eu lacinia mauris. Vivamus non sapien sollicitudin, maximus neque eleifend, vulputate augue. Etiam pellentesque eu risus ac pellentesque. Integer eleifend fermentum turpis dictum mattis. Mauris at ex ac tellus placerat feugiat ac vel purus. Nam tellus mauris, tempus quis magna at, tempus vehicula urna. Etiam tempor facilisis tortor, sed pretium dolor aliquet vel. Donec euismod ante leo, at vestibulum nisi blandit at. Etiam a purus a ligula cursus placerat. [88 words]


Heading 2

Heading 2

2 Column - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper neque eu sagittis suscipit. Proin sed ullamcorper orci. Sed eu lacinia mauris. Vivamus non sapien sollicitudin, maximus neque eleifend, vulputate augue. Etiam pellentesque eu risus ac pellentesque. Integer eleifend fermentum turpis dictum mattis. Mauris at ex ac tellus placerat feugiat ac vel purus. Nam tellus mauris, tempus quis magna at, tempus vehicula urna. Etiam tempor facilisis tortor, sed pretium dolor aliquet vel. Donec euismod ante leo, at vestibulum nisi blandit at. Etiam a purus a ligula cursus placerat. [88 words]

2 Column - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper neque eu sagittis suscipit. Proin sed ullamcorper orci. Sed eu lacinia mauris. Vivamus non sapien sollicitudin, maximus neque eleifend, vulputate augue. Etiam pellentesque eu risus ac pellentesque. Integer eleifend fermentum turpis dictum mattis. Mauris at ex ac tellus placerat feugiat ac vel purus. Nam tellus mauris, tempus quis magna at, tempus vehicula urna. Etiam tempor facilisis tortor, sed pretium dolor aliquet vel. Donec euismod ante leo, at vestibulum nisi blandit at. Etiam a purus a ligula cursus placerat. [88 words]


Heading 3

3 Column - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper neque eu sagittis suscipit. Proin sed ullamcorper orci. Sed eu lacinia mauris. Vivamus non sapien sollicitudin, maximus neque eleifend, vulputate augue. Etiam pellentesque eu risus ac pellentesque. Integer eleifend fermentum turpis dictum mattis. Mauris at ex ac tellus placerat feugiat ac vel purus. Nam tellus mauris, tempus quis magna at, tempus vehicula urna. Etiam tempor facilisis tortor, sed pretium dolor aliquet vel. Donec euismod ante leo, at vestibulum nisi blandit at. Etiam a purus a ligula cursus placerat. [88 words]

Heading 3

3 Column - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper neque eu sagittis suscipit. Proin sed ullamcorper orci. Sed eu lacinia mauris. Vivamus non sapien sollicitudin, maximus neque eleifend, vulputate augue. Etiam pellentesque eu risus ac pellentesque. Integer eleifend fermentum turpis dictum mattis. Mauris at ex ac tellus placerat feugiat ac vel purus. Nam tellus mauris, tempus quis magna at, tempus vehicula urna. Etiam tempor facilisis tortor, sed pretium dolor aliquet vel. Donec euismod ante leo, at vestibulum nisi blandit at. Etiam a purus a ligula cursus placerat. [88 words]

Heading 3

3 Column - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ullamcorper neque eu sagittis suscipit. Proin sed ullamcorper orci. Sed eu lacinia mauris. Vivamus non sapien sollicitudin, maximus neque eleifend, vulputate augue. Etiam pellentesque eu risus ac pellentesque. Integer eleifend fermentum turpis dictum mattis. Mauris at ex ac tellus placerat feugiat ac vel purus. Nam tellus mauris, tempus quis magna at, tempus vehicula urna. Etiam tempor facilisis tortor, sed pretium dolor aliquet vel. Donec euismod ante leo, at vestibulum nisi blandit at. Etiam a purus a ligula cursus placerat. [88 words]


Lists 


Bulleted List - Peter Nixon has consulted to organisations and individuals in/from Canada, USA, South America, Caribbean, Switzerland, France, UK, Hong Kong, China, Taiwan, Singapore, Korea, Japan, Philippines, Malaysia, Thailand, Australia United Arab Emirates, Qatar and Africa. A partial client list includes the following organisations.

  • ABB

  • Alfred Dunhill

  • Ansbacher

  • Asian Development Bank

  • China Light & Power (CLP)

  • Discovery Bay International School

  • Disney

  • HK Resorts

  • Johnson & Johnson

Numbered List - Peter Nixon has consulted to organisations and individuals in/from Canada, USA, South America, Caribbean, Switzerland, France, UK, Hong Kong, China, Taiwan, Singapore, Korea, Japan, Philippines, Malaysia, Thailand, Australia United Arab Emirates, Qatar and Africa. A partial client list includes the following organisations.

  1. ABB

  2. Alfred Dunhill

  3. Ansbacher

  4. Asian Development Bank

  5. China Light & Power (CLP)

  6. Discovery Bay International School

  7. Disney

  8. HK Resorts

  9. Johnson & Johnson


 Forms


Here’s an example of a form with most of the useful visual elements and inputs shown in one place.

Name *
Name
Section
Checkbox (Allows Multiple Choices)
Section 1
Radio (Single Choice Only)
Section 2
Survey
Survey
Option One
Option Two
Section 3
Date
Date
http://

Full Bleed Banner Image

Heading 1

Heading 2

Heading 3

Body Text

Website-Temp-Color-16-9.jpg

Images


Poster

Website-Temp-Color-16-9 reverse.jpg

Poster TITLE

poster subtitle ..can be animated

Inline Image

Inline Image with caption

Inline Image with caption