Text Alignment
Centred, or Left but don't mix. Match heading / title alignment to content.
Left title + left content ok
Explore our on-board facilities
Enjoy the wonderful facilities on board our luxurious yacht. Enjoy the wonderful facilities on board our luxurious yacht. Enjoy the wonderful facilities on board our luxurious yacht.
Explore our on-board facilities
Enjoy the wonderful facilities on board our luxurious yacht. Enjoy the wonderful facilities on board our luxurious yacht. Enjoy the wonderful facilities on board our luxurious yacht.
Explore our on-board facilities
Enjoy the wonderful facilities on board our luxurious yacht. Enjoy the wonderful facilities on board our luxurious yacht. Enjoy the wonderful facilities on board our luxurious yacht.
Centred title & centred content ok
Explore our on-board facilities
Enjoy the wonderful facilities on board our luxurious yacht. Enjoy the wonderful facilities on board our luxurious yacht. Enjoy the wonderful facilities on board our luxurious yacht.
Explore our on-board facilities
Enjoy the wonderful facilities on board our luxurious yacht. Enjoy the wonderful facilities on board our luxurious yacht. Enjoy the wonderful facilities on board our luxurious yacht.
Explore our on-board facilities
Enjoy the wonderful facilities on board our luxurious yacht. Enjoy the wonderful facilities on board our luxurious yacht. Enjoy the wonderful facilities on board our luxurious yacht.
Bullet points left aligned ok
Explore our on-board facilities
- Bullet points are great but when they wrap, then centering can get messy.
- Bullet points are great
- but when they wrap, then centering can get messy.
Explore our on-board facilities
- Bullet points are great but when they wrap, then centering can get messy.
- Bullet points are great
- but when they wrap, then centering can get messy.
Explore our on-board facilities
- Bullet points are great but when they wrap, then centering can get messy.
- Bullet points are great
- but when they wrap, then centering can get messy.
Use appropriate contrast (size / weight) in fonts
Creating contast between titles and sub text results in a nicer visual style. This contrast should involve contrasting size but font weight (bold vs light) can also help create balance in contrast
Large Heading
And smaller font underneath creates appropriate contrast .
Medium heading
And smaller font underneath is also ok.
Light heading but large size
Also ok as it has adequate contrast
Use contrast with colours (font vs background)
Light on Dark - or - Dark on Light (but NOT: Light on Light, or Dark on Dark)
Adequate contrast between text and background (light / dark)
Adequate contrast between text and background (light / dark)
Adequate contrast between text and background (light / dark)
Adequate contrast between text and background (light / dark)
Ensure background images have adequate contrast
Dark overlays over images can assist in this effort
Adequate contrast if using image backgrounds is important
Adequate contrast if using image backgrounds is important
White overlay over images helps ensure contrast with dark text
If no overlay is used ensure source image content has contrast
Always Match Colour Scheme
Black and White and Grey are flexible and usable in many contexts.Colours however need to adhere to your site colour scheme.
Match colour scheme
For best results ensure you match your site colour scheme and don't introduce random colours.
Match colour scheme
For best results ensure you match your site colour scheme and don't introduce random colours.
Match colour scheme
For best results ensure you match your site colour scheme and don't introduce random colours.
Use of Case And wHy iT maTtErs
Try not to be a serial killer. Serial killers love random fonts and sizes.
Title Case For Your Headings
Is fine if used consistently throughout.
Sentence case also fine
Is fine if used consistently throughout.
Remember that names like John use upper case
When using sentence case, ensure proper nouns (names) are capitalised.