Skip to content

Instantly share code, notes, and snippets.

@electricg
Last active August 29, 2015 14:14
Show Gist options
  • Save electricg/a5ade4498e9c8a1ef0bf to your computer and use it in GitHub Desktop.
Save electricg/a5ade4498e9c8a1ef0bf to your computer and use it in GitHub Desktop.
What to include inside a web design
  • List all the colors used, for everything: fonts, backgrounds, borders, shadows, glows, everything.
  • List all the fonts used, and their font style (italic/normal) and weight (bold, semibold, thin, light, regular, superbold, etc) — this is because for every single one of them there is a font file for the user to download
  • List all the typography used — that means a list for each type of text, where you specify color, font family, font size, font style, font weight
  • Every single item (boxes, lines, circles, rounded corners, unicorns, rainbows) must be measurable just by clicking on it and copying the values from their property panel — there sould be no need to use a screen ruler
  • If something is clickable (like a link), there must be the design for its hover, focus, active states (in some rare occasions there could be a visited state, eg YouTube videos already watched)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment