Style guides are a hot topic in web design today. On the web, a project already delivered can now be handled and further developed by new web designers and developers, as a company or project progresses over time. So creating some kind of documentation is crucial in order to maintain a consistent style and prevent parts of the work that were previously done from getting lost. Style guides contains important, fundamental principles that have been helping graphic designers create beautiful messages in print for a long time. Thousands of theories and blog posts on how to pair typefaces or how to use grids have been extensively discussed in many old, fantastic books about print that many young web designers have never heard of. Chiara argues that print design, which is often declared long-dead and forgotten, is today teaching us how to deliver great, functional websites that look consistent on all modern devices. In this talk she will take you on a journey to the ‘Lost CMYK World’. She invites you, the audience, to travel with her, discovering the beauty of ‘traditional’ graphic design as a way to inspire and create new concepts for your next web projects. After this talk you will look at the RGB World with fresh, new eyes.
6. A style guide establishes ?
and enforces style, enabling brand stewardship
and improving communication.
Hart's Rules
for Compositors
and Readers at the
University Press
ACS style
Effective Communication
of Scienti?c Information
BJCP style
Style Guidelines for
Beer, Mead and Cider
1893 1986 1985
The Bluebook
A Uniform System
of Citation
1939
7. COLOURS
LOGO MARK
MARK
TYPOGRAPHY
Heading 01
Heading 02
Heading 03
Heading 04
Heading 05
Heading 06
DESIGN
STYLE GUIDE
LAYOUTBRANDIDENTITY
Space around the logotype
Logotype on di?erent backgrounds
O?cial brand colours
TYPOGRAPHY
O?cial and alternative typefaces
Headings and paragraph?
Hierarchy and style
LAYOUT
Basic grid principles
Di?erent layout variations
Column di?erentiation
IMAGES&ILLUSTRATIONS
Standard format and size
Context, mood and concepts
User interface integration