Simple, but good looking web design

Associate
Joined
19 Jun 2003
Posts
1,680
Location
West Yorks, UK
Hi all,
I'm working on a design for a website, and need some inspiration. I'm trying to stick to a white background, and only a handfull of colours (3 or 4 at most). I've not been able to find many really nicely designed sites that are simple - need some inspiration.

Anyone care to post up some links to some nice sites for me to look at?

Matt
 
My website is sooooo simple.
http://www.andrewreader.com

I host it at home and it sits on my Linksys NSLU2 aka 'Slug'.

I am a web developer by day with .net, but haven't got much time to upkeep anything in the evening, but wanted some presence on the 'net.

I wanted simple and went for simple.
 
!bluetonic! said:
My website is sooooo simple.
http://www.andrewreader.com

I host it at home and it sits on my Linksys NSLU2 aka 'Slug'.

I am a web developer by day with .net, but haven't got much time to upkeep anything in the evening, but wanted some presence on the 'net.

I wanted simple and went for simple.
How the hell did you fit so much terrible code into such a simple design? I would not have thought it possible. o.O
 
psyr33n said:
How the hell did you fit so much terrible code into such a simple design? I would not have thought it possible. o.O

Rick Psyr33n,

The website is lightweight. The only criticism I give is that the cat section doesn't work well when you take the CSS off.

I wanted a website without scrolling, a few links and something I could host. I.e I don't care about leaving 'slug' on 24/7 which is a 133 Mhz device with 32 MB RAM.

I don't take it personally though. I'm employed as a web programmer for a living. :D

If you'd care to elaborate on your critique, I will take it on board.
 
Main gripe was:
Code:
    <p>&nbsp;</p>
      <p>&nbsp;</p>
      
    <div align="center"> <img src="../images/pembrokepark_image1.jpg" /></div>
    <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>

      <p align="center">&nbsp;</p>

      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p>&nbsp;</p>

:P
 
psyr33n said:
Main gripe was:
Code:
    <p>&nbsp;</p>
      <p>&nbsp;</p>
      
    <div align="center"> <img src="../images/pembrokepark_image1.jpg" /></div>
    <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>

      <p align="center">&nbsp;</p>

      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p>&nbsp;</p>

:P

Sorted.. :p
 
!bluetonic! said:

To be fair, you still have a lot of unneeded code in there.

It's not exactly the same as your design but i think the code should be something like the following, but you may have to change the template and add another <div> for the main content.

HTML:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>www.pembrokepark.co.uk - Home</title>
	<meta name="author" content="Andrew Reader" />
	<meta name="description" content="A web site devoted to the Pembroke Park, Swindon, Wiltshire, UK" />
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>
<body>
	<div id="wrap">
		<h1>www.pembrokepark.co.uk</h1>
		<ul>
			<li><a href="#" title="index page">Home</a></li>
			<li><a href="#" title="my cats">Cats</a></li>
			<li><a href="#" title="my photos">Photos</a></li>
			<li><a href="#" title="favourite links">Links</a></li>
			<li id="b_no"><a href="#" title="about me">About</a></li>
		</ul>
		<p id="logo"><img src="images/pembrokepark_image1.jpg" alt="Pembroke Park" /></span>
		<p id="foot">
			Last updated: - 16th June 2007<br />
			Mail me: <a href="mailto:[email protected]" title="e-mail me">andrew reader</a>
		</p>
	</div>
</body>
</html>

CSS:
Code:
*,html{margin:0;padding:0}
body{font:12px Arial, Helvetica, sans-serif;color:#666}
#wrap{margin:5px auto;width:750px;border:1px solid #ccc}
h1{background:#c9c9be;height:75px;width:730px;font:24px Arial, Helvetica, sans-serif;padding:10px}
ul{border-bottom:2px solid #ccc;height:17px;list-style-type:none}
ul,#foot{background:#a3a38f;width:742px;border-top:1px solid #ccc;padding:4px}
li{display:inline;border-right:1px solid #7c6674;padding:0 5px}
#b_no{border:0}
a{color:#333}
a:hover{background:#333;color:#ccc;text-decoration:none}
#logo{text-align:center;margin:35px}
#foot{height:30px}
 
Wasn't quite wanting people to just post up their Portfolio's, as that wasn't what I was after. Top marks to the person who posted the link to Tanya Merone's site though. Some nice stuff on there.

Matt
 
cheers mate :D

found her a while back, think she was in a showcase in .net mag..

keeps a lot of favorites and showcases, so i always head there when in need of inspiration..

glad to have helped.

mat
 
Back
Top Bottom