Styleguide
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Styleguide

on

  • 161 views

 

Statistics

Views

Total Views
161
Views on SlideShare
161
Embed Views
0

Actions

Likes
0
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Styleguide Presentation Transcript

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