This design is not affiliated of in any partnership with Anvil Arts, it is an independent website concept.
Overview
This project included analysing existing websites, creating a new design in Figma and coding the result.

Figma
My vision for the site was to include all information required for a full evening out to the theatre, including directions, parking and restaurant locations.

During this process I ensured to account for various screen sizes and resolutions, thinking ahead to coding.

Coding
The site structure is HTML, with CSS used for all visual elements. Variables were used for colours, along with defined classes for text sizing, spacing and flex box setup, all for consistency.

Javascript was used to randomly select, on page refresh, a new hero image and typeface.

The site favicon uses an SVG file with internal CSS to change colour based on the browser theme.

You may also like

Back to Top