Styleguide
0 likes255 views
The document discusses the challenges of explaining style using words alone and proposes visualizing style through diagrams and examples. It suggests breaking style down into base units, a grid system, a typographic scale, core styles, and user interface patterns to establish a shared visual language for discussion of design. Branding must also be mapped to show how style can adapt while maintaining a consistent overall brand.
Styleguide
- 1. Fashion fades only style remains the same - coco chanel Sunday, 24 February 13
- 2. CECI NEST PAS UN PIPE Sunday, 24 February 13
- 3. A DICTIONARY FOR A VISUAL LANGUAGE Sunday, 24 February 13
- 4. VISUAL GRAMMAR Sunday, 24 February 13
- 5. IMAGINE EXPLAINING STYLE IN WORDS THIS IS A BOX OF DIMENSIONS 171PX BY 216PX WITH A ONE PIXEL SOLID BORDER IN #C7E3F9 WITH A RADIUS OF 4PX ON THE BOTTOM CORNERS, THE MARGINS ARE 9PX. THE PADDING IS 9PX. THE PICTURE HAS NO MARGINS EXCEPT THE MARGIN BELOW IT IS 9PX. THE BACKGROUND COLOUR IS #EAF4FF. THE PARAGRAPH TEXT IS IN LUCIDA GRANDE 12PX WITH A LINE HEIGHT OF 1.5EM AND THE TEXT COLOUR IS #333333. THE DESTINATION LINKS ARE IN ALL CAPS AND THE COLOUR IS #555555 & THE ROLLOVER COLOUR IS #333333 Sunday, 24 February 13
- 6. IMAGINE EXPLAINING STYLE IN WORDS A STANDARD 2 COLUMN BLUE HOTEL BOX Sunday, 24 February 13
- 7. BREAK IT DOWN Sunday, 24 February 13
- 8. 1. BASE UNITS Sunday, 24 February 13
- 9. 1. BASE UNITS Sunday, 24 February 13
- 10. 1. BASE UNITS 8PX Sunday, 24 February 13
- 11. 2. A SIMPLE GRID Sunday, 24 February 13
- 12. 2. A SIMPLE GRID Sunday, 24 February 13
- 13. THE GRID DEMANDS DISCIPLINE! Sunday, 24 February 13
- 14. THE GRID DEMANDS DISCIPLINE! Sunday, 24 February 13
- 15. 3. A TYPOGRAPHIC SCALE Sunday, 24 February 13
- 16. 4. CORE STYLES Sunday, 24 February 13
- 17. 6. UI STYLES Sunday, 24 February 13
- 18. BUILD STYLES FROM INSIDE OUT PAGE SPECIFIC EXCEPTIONS DESIGN PATTERNS TEMPERATURE PRICES GRAPH HOTEL BOX DIFF PRODUCT UI STYLES BRANDING ADVERTS FORMS MODAL TABS TAGS BOXES BUTTONS TOOLTIPS DE CORE STYLES GRID S CA PAGE TEXT IMAGE CA HEADER FOOTER SIZES Sunday, 24 February 13
- 19. BRANDS CHANGE - A CAUTIONARY TALE PAGES QUICKLY FALL OFF BRAND AS NEW PRINT MATERIAL GOES OUT HOW DO WE DEAL WITH AN EVOLVING BRAND? HOW DO WE CATER FOR ANNUAL CAMPAIGNS ONLINE? HOW DO WE CATER FOR DAILY TACTICAL CAMPAIGNS? Sunday, 24 February 13
- 20. Sunday, 24 February 13
- 21. Sunday, 24 February 13
- 22. BRAND MAP TACTICAL BANNER ADS PACKAGE HOLIDAY PAGE DEALS PAGES CAMPAIGNS TARGETTED ADS SOFT DIFF HEADER PRICES SECTIONS HOMEPAGE IMAGES EDITORIAL PAGES PRODUCT BRANDS DIFF PRODUCT PAGES SEARCH ACCOMMODATION RESULTS DETAILS E G Y CORE BRAND AN ENC HEADING TEXT CH U EQ BOOK FLOW HEADER 30 HELP PAGES FOOTER FR 3 Sunday, 24 February 13
- 23. A BRANDING HEATMAP Sunday, 24 February 13
- 24. Sunday, 24 February 13
- 25. THANKS FOR LISTENING! Sunday, 24 February 13
- 26. 2. A TYPOGRAPHIC SCALE Sunday, 24 February 13
- 27. WHATS WRONG WITH MY LUVERLY ARTWORK? Sunday, 24 February 13