Skip to content

Instantly share code, notes, and snippets.

@dohaivu
Created June 24, 2017 03:16
Show Gist options
  • Save dohaivu/ca505beba7948d0ff59d53ede9be015c to your computer and use it in GitHub Desktop.
Save dohaivu/ca505beba7948d0ff59d53ede9be015c to your computer and use it in GitHub Desktop.
[ux term] user experience term and definition #ux

Style guides

Document that explain how a brand is constructed

- Logo: Positioning, variations, with and without slogans, sub-brands…
- Colours: Primary palette, accent colours, usage… 
- Copy: Tone of voice, product names, capitalisation…
- Illustration: Illustrative style, iconography…
- Photography: Photographic style, cropping, positioning…
- Grids: Columns, baseline, key divisions…
- Typography: Headings, body copy, captions, lists, tables…
- Colour: Primary and secondary palettes, gradient ranges…
- Messaging: Success messages, error handling…
- Form Elements: Buttons, text inputs, menus, checkboxes…
- Links & Navigation: Hover, active, disabled and selected states…
- Images: Dimensions, margins, placement, usage…

References:
Style guides for web

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment