Styleguide

193 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
193
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Styleguide

  1. 1. Fashion fades only style remains the same - coco chanelSunday, 24 February 13
  2. 2. CECI N’EST PAS UN PIPESunday, 24 February 13
  3. 3. A DICTIONARY FOR A VISUAL LANGUAGESunday, 24 February 13
  4. 4. VISUAL GRAMMARSunday, 24 February 13
  5. 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 #333333Sunday, 24 February 13
  6. 6. IMAGINE EXPLAINING STYLE IN WORDS “A STANDARD 2 COLUMN BLUE HOTEL BOX”Sunday, 24 February 13
  7. 7. BREAK IT DOWNSunday, 24 February 13
  8. 8. 1. BASE UNITSSunday, 24 February 13
  9. 9. 1. BASE UNITSSunday, 24 February 13
  10. 10. 1. BASE UNITS 8PXSunday, 24 February 13
  11. 11. 2. A SIMPLE GRIDSunday, 24 February 13
  12. 12. 2. A SIMPLE GRIDSunday, 24 February 13
  13. 13. THE GRID DEMANDS DISCIPLINE!Sunday, 24 February 13
  14. 14. THE GRID DEMANDS DISCIPLINE!Sunday, 24 February 13
  15. 15. 3. A TYPOGRAPHIC SCALESunday, 24 February 13
  16. 16. 4. CORE STYLESSunday, 24 February 13
  17. 17. 6. UI STYLESSunday, 24 February 13
  18. 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 SIZESSunday, 24 February 13
  19. 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. 20. Sunday, 24 February 13
  21. 21. Sunday, 24 February 13
  22. 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 3Sunday, 24 February 13
  23. 23. A BRANDING HEATMAPSunday, 24 February 13
  24. 24. Sunday, 24 February 13
  25. 25. THANKS FOR LISTENING!Sunday, 24 February 13
  26. 26. 2. A TYPOGRAPHIC SCALESunday, 24 February 13
  27. 27. WHAT’S WRONG WITH MY LUVERLY ARTWORK?Sunday, 24 February 13

×