Another Competition website for your review

Nitrofox125 · Post by **Nitrofox125** » Sun Mar 07, 2004 12:58 pm

http://www.fragwerkz.com/mbs

Don't yell at me about the subject, I didn't choose it.

Mobius · Post by **Mobius** » Sun Mar 07, 2004 1:27 pm

I like it.

But ditch the serif-faced fonts. Sans-Serif results in 20% faster reading and better comprehension. Use Serif fonts only in large sizes, and only for headlines. Otherwise - great.

Ferno · Post by **Ferno** » Sun Mar 07, 2004 1:56 pm

wtf are you talkin about mobi?

Darktalyn1 · Post by **Darktalyn1** » Sun Mar 07, 2004 2:23 pm

I agree ditch the serifs.

Sans serif fonts are more modern looking, and you already are using a sans serif font in the header graphic. Mixing&matching is a bad idea. Pick a theme/look and go with it.

The header leaves something to be desired, you're not really using all the space up there. There is a lot of dead space. Even just shifting the image to the left might make it better. The text in the logo needs work too.

The {{*}} thing you've got going on looks tacky. I'd get rid of it.

fliptw · Post by **fliptw** » Sun Mar 07, 2004 2:43 pm

If you are techincally orintated, Sans-serif fonts are easier to read off a monitor.

For everyone else, take a guess.

Mind you, he isn't actually specifying a serif font.

You all might want to sent your browser's proportional font to a sans-serif typeface.

Nitrofox125 · Post by **Nitrofox125** » Sun Mar 07, 2004 4:26 pm

Everyone wrote:I agree ditch the serifs.

Alright, I'll do that. Any font favs?

The header leaves something to be desired, you're not really using all the space up there. There is a lot of dead space. Even just shifting the image to the left might make it better.

I was trying to go for the clean look, and white space around things makes it look clean and simple. Also the links below the logo are centered. Do you suggest I move both over?

The text in the logo needs work too.

This being the VegaSys or the description? Are you talking about make it look stronger/cripser, add more, take away more...?

The {{*}} thing you've got going on looks tacky. I'd get rid of it.

Get rid of it alltogether or do something more like the links on the left?

Thanks for all the input guys!

Ryujin · Post by **Ryujin** » Sun Mar 07, 2004 9:19 pm

In addition to what has been said thus far... Lose the gray checkered background image. That makes it even more difficult to read.

Mobius · Post by **Mobius** » Sun Mar 07, 2004 9:22 pm

Go for plain old "arial". Everyone has it - is used to reading it and millions were spent getting it to look and read well. You could try "verdana" too.

Remember to specify in your style sheet the Mac versions too. So:

.arial-font{
font-family:sans-serif;
font: arial, helvetica;
}
.verdana-font{
font-family:sans-serif;
font: verdana, geneva;
}

Specify the font sizes in pixels (px) and not points (pt) too. Pixels provides better layout control, and can't be as readily scaled as pt values. Those with access issues will already be using a browser which scales fonts regardless of specification.

fliptw · Post by **fliptw** » Sun Mar 07, 2004 9:33 pm

I find it funny.

font is a shorthand property

Mobius's CSS example defeats its purpose so elegantly.

sans-serif is a font family. So are Arial, Verdana, Courier...

Mobius · Post by **Mobius** » Sun Mar 07, 2004 10:21 pm

It's a long time since I coded CSS. (CSS is supplied on my projects.) Just use a good CSS tool to get it right:

font-family: sans-serif, arial, helvetica;

that OK now Flip?