For this project, we were tasked with creating a webpage using the HTML and CSS skills we had learnt over the last few weeks, and to create a version using a no code development tool such as Framer.
To begin with, I created a GitHub repository and brought the copy into a text document to start to mark it up.
As part of the project brief, we were required to use Google Fonts to select typefaces, from this I selected Cinzel for headers and nav, and Source Serif Pro for body copy. I chose Cinzel as all letterforms are capitalised which makes it stand out, along with the style and shape being elegant and refined, matching the writing style of the copy. Source Serif Pro is a strong and clear serif typeface which will be perfect for this body copy. Using Google Fonts also allowed me to use Type Scale to pick text sizes.
I used unsplash to gather a series of images I could use for my webpage. I also cropped and optimised them so that they are suitable for the web.
For the header image, I made sure to add extra height to it so I wouldn’t get a get below the nav bar and used it to pick colours from for the webpage colour palette.
