Stage 4 – Base Colours

Another update to the website build process, after deciding on a general concept from the inspiration boards I worked on the basic colour scheme choosing 3 base colours, adding some wonderful curved corners using new CSS3 code (available only in latest versions of  Chrome,  Firefox and Safari) and finally trying different fonts and text colours for base text and links. You can see the outcome below and click on the image to see the live HTML version.

Base Colours and CSS3 Elements

So now into photoshop for lots of creative playing…

Read Part 5 – The Design

Read Part 3 – Inspiration Boards

  • Share/Bookmark

2 Responses to “Stage 4 – Base Colours”

  1. Scott says:

    If you want to know how to do rounded corners that work across all browsers, gimme a shout.
    One of my recent projects was to build a system that was very design heavy (for a publishing company) it had to work IE6 onwards and of course firefox, safari, chrome etc.
    Nowhere near as easy as CSS3 but achievable through some careful div placement or through the lovely ajax :)

  2. David says:

    Thanks, I have done curved corners before using background images. But for this I am happy for it to work in a few browsers as I intended. It still displays fine if a little square in the other lacking browesrs and I am sure the other browsers will catch up soon enough. I am more interested in the use of CSS3 at this point.

Leave a Reply

Spam protection by WP Captcha-Free