Web design requirements

Website sketch requirements

To make sure the website is usable and looks like you're sketches in all popular browsers please follow these guidelines.

Don't use gradient backgrounds under variable size content unless their direction is strictly vertical or horizontal;
Do not use transparency on variable size elements unless those elements are in solid color containers;
Use only web safe fonts, except for static content such as logos.

Use 4×3 proportion space for user changeable images as most photographs are of these proportions;
Maximum sketch width should be around 1000px, as quite a few users still use 1024×768 resolutions and browsers have borders;
Elements witch represent the same function should look the same in all places;
Don't use non rectangular bullets on non solid color backgrounds.

All sketch files should be uploaded in an archive;
Sketch files should be in PSD format;
Uploaded PSD files may not contain photoshop effects, which should be rasterized in separate layers;
You should provide a 16×16 website icon;
For all user changeable images you should provide placeholder images which will be shown when no picture is uploaded and all it's variations (normal size and all used thumbnail sizes);
Repeating textures must be provided in separate files in their minimal repeating size form;
If non web safe fonts are used, they must be provided;
Elements with have multiple states(like link mouse hover or active menu item) should be displayed in all their states seperately;
Provide a text file detailing which images correspond to which states, which elements are variable size, which are floated.