--- title: "Good Design Principles" date: 2026-02-01 author: "sansiroadmin" --- # Good Design Principles ## Text Alignment Centred, or Left but don’t mix. Match heading / title alignment to content. --- Good Not Good ## 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. ## Left title + centred content not 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. --- Good Not Good ## 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. ## Dont mix centred title & left aligned content below ## 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. --- Good Not Good ## 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. ## Avoid centred bullet points ## 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 Good Not Good ## 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 ## Headings too similar in font weight end up clashing ## Headings too similar in size also problematic Light heading lacking contrast in size compared to text below ## Use contrast with colours (font vs background) Light on Dark – or – Dark on Light (but NOT: Light on Light, or Dark on Dark) Good Not Good 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) Lack of contrast between text and background (light / dark) is a problem Lack of contrast between text and background (light / dark) is a problem Lack of contrast between text and background (light / dark) is a problem Lack of contrast between text and background (light / dark) is a problem ## Ensure background images have adequate contrast Dark overlays over images can assist in this effort Good Not Good 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 Lack of contrast between text and background (light / dark) is a problem Lack of contrast between text and background (light / dark) is a problem Lack of contrast between text and background (light / dark) is a problem Lack of contrast between text and background (light / dark) is a problem ## 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. Good Not Good ## 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. ## Avoid Random Colors Or matching color scheme headings with text (lacks contrast – refer rules above) ## Or breaking contrast rules Or matching color scheme headings with text (lacks contrast – refer rules above) ## Constrast when comparing ….headings vs text. With black – can you get away with it – but if using colour, avoid matching. ## Use of Case And wHy iT maTtErs Try not to be a serial killer. Serial killers love random fonts and sizes. ![](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)![](https://sansiromedia.com/wp-content/uploads/2026/02/randomfonts.png) Good Not Good ## 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. ## Avoid mixing your Title Case Random switching from Title to Sentence case mid sentence is not good. You’re writing for the web, not Google Ads. ## Ensure Consistency across your site Random switching from Title to Sentence case mid sentence is not good. You’re writing for the web, not Google Ads. ## Ensure consistency Across Your site Random switching from Title to Sentence case mid sentence is not good. You’re writing for the web, not Google Ads.