Free HTML / CSS for type & palette proposals. Posted on 24 June 2011 • 26 comments During the research phase of a recent client project, I found myself creating some simple markup and styles to present the client with options for the project’s typeface and colour palette. On the assumption that I’ll probably re-use this code again, and in the hopes that someone else might find it useful, I thought I’d put it up here for people to download.
The premise is simple, but admittedly it’s for a pretty specific scenario, which is this: you want to try out some typeface ideas by rendering real fonts in the browser, using a font delivery service such as Typekit, Fontdeck, Google Web Fonts, etc. At the same time, you also want to test out potential colour palettes. You want to do this with minimum fuss and simple code this is easy to change once your client provides feedback, or when you re-use the code for your next project. With me? Layout Type The CSS, as you might expect, looks like this: Colour palette View: our page, using palette 1. Fantastical | Meet your new assistant. Grid-Intensive Layouts in Web Design | The Blog of Janna Hagan - Web Designer & Developer. The Bygone Bureau.
CSS Gallery - Web design inspiration - CssDsgn. Moods of Norway - Happy clothes for happy people!