Additional Website and Design Assets

Typography

Typography matters. Mainly in designing special pages, like the programme.

Lobster sees the pot,
A cozy trap, sweetly baited—
Dinner, not for him.

The effect above is achieved by using a simple paragraph block and the css class: ‘lobster’ placed in the Advanced settings. Using css classes is a bit advanced, so I recommend you let the template do the heavy lifting and use the heading styles H1 to H6 for programme development.

If you take the event content from a word document, it will be easy peasy to pull the text together sanely and it will readable on a typical mobile device. And much easier to promote an individual event and categorise events appropriately. You can use posts of activate the Very Simple events tool.

Titles and menus: are pre-formatted to use the font called Impact. I think originally used in the print programme back in the day.

Impact

Since mobiles don’t seem to support Impact, the website should substitute Anton – a google font – when Impact is not found and gracefully degrade to a sans serif font should neither be available.

Anton

Paragraph text is plain old: Arial, sans serif.

To use these styles simply apply the appropriate heading style in the editor, no need for colouring crayons.

You should be able to design an online version of the programme this way, without losing your hair over formatting.


H1 – a main title – currently reserved for the content titles


H2 – reserved for making the main programme headings stand out!


H3 – for making other headings stand out!


H4 – used in the programme headings and widget headings!


H5 – at the foot of a page for stand out effect!

Use H6 with H5 as a subhead

Widget headings: Impact Yellow on Dark blue


Colour scheme

Pale blue: #00AAC3 or rgba(0,170,195)

Dark blue: #008DBD rgba(0,141,189)

Links: This is a link to this page


More finery – the blockquote and stand out bullets

to boldly quote where no man quoth before

  • nice plain bullets
  • remove list style
  • plainly simply

A Separator banner (graphic)


Flag Star (graphic)


Pale 6 star (background graphic)


Week End – Week Long (graphics) – maybe these should be pngs

Official Logoalia (graphic)

uses image compare tool

Use galleries to arrange images – else they will look weird

Some of the original design assets are NOW AVAILABLE:- please ASK

The above were based on what could extracted from an old programme circa 2018 – an editable PDF. But since 2024 I discovered the programme is printed locally by Malcolm, who will happily provide a properly formatted web downloadable version (without the crop marks and correct orientation.

Lobster sees the pot,
A cozy trap, sweetly baited—
Dinner, not for him.