Here’s a new template that I’m calling Summer Fields.
This design was actually inspired by a template I saw on a popular template site. I took a look at a screenshot of it, and decided that I wanted to make a completely standards following rendition of the design concept. I made all the images and the code from scratch, based on the screenshot that I felt would make a nice clean and bright business layout.
Here’s the original screenshot I was working off of:
This template is free, open-source, following only the Creative Commons Attribution 2.5 license.
The template is a CSS based, table-less layout and validates to XHTML 1.0 Strict. It is a fixed width layout and has an included subpage layout. There are 6 images used in this design. 5 of those images together total only 1.5KB and the other is the sunflower image which is 5.7KB and simple a placeholder for your own images later. The pale blue background of the page is easily changed in the CSS to whatever color you want (looks pretty good if you do pure white or navy instead).
This design validates to XHTML 1.0 Strict, uses CSS for layout, contains no hacks, and includes invisible skip links for screen-reader accessibility. It has been tested in Firefox, IE 5.5, IE 6 and IE 7 Beta 2, Opera, Konqueror, and Safari.
I have included some matching text styles to cover basics like blockquotes, code, and data tables. All the text sizing is done using the 76% concept to keep them fluid with em sizing. Here’s a screen shot of the Summer Fields layout:
Feel free to go to the main page for it and download the layout. Remember to save the images used also.
Download page: Summer Fields