Design and CSS

I wanted to get away from a plain white page. I considered using a photo as a background but, despite some beautiful photos, the page looked busy and hard to read.

Background:

I looked at textures and background effect and eventually decided on a two-colour split using CSS gradient. I came up with a deep orange with a dark, rich brown. It felt right at the time!

I used this Codepen example: https://codepen.io/PositionRelativ/pen/Ichrg

Colour palette:

To find the exact shades I was visualising, and to get complementary colours for the palette, I used the free generator on https://coolors.co/app

Logo:

Samuel Wood designed the Dinder logo set.

Icons:

I sought simple, clean icons to demonstrate the web developer connections that are the point of our app, and found developer icons for the home page from : https://www.flaticon.com/ (creator credited in app footer

Implementation:

Other CSS styles were implemented using Bootstrap, CSS Flexbox, CSS Grid and good old plain CSS

I wanted to add SCSS to the app to refactor the CSS but this was not possible within the project schedule.