+ All Categories
Home > Documents > Styleguide

Styleguide

Date post: 15-Jun-2015
Category:
Upload: andy-birchwood
View: 117 times
Download: 4 times
Share this document with a friend
Popular Tags:
27
Fashion fades only style remains the same - coco chanel Sunday, 24 February 13
Transcript
Page 1: Styleguide

Fashion fadesonly style remains the same

- coco chanel

Sunday, 24 February 13

Page 2: Styleguide

CECI N’EST PAS UN PIPE

Sunday, 24 February 13

Page 3: Styleguide

A DICTIONARY FOR A VISUAL LANGUAGE

Sunday, 24 February 13

Page 4: Styleguide

VISUAL GRAMMAR

Sunday, 24 February 13

Page 5: Styleguide

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

Page 6: Styleguide

“A STANDARD 2 COLUMN BLUE HOTEL BOX”

IMAGINE EXPLAINING STYLE IN WORDS

Sunday, 24 February 13

Page 7: Styleguide

BREAK IT DOWN

Sunday, 24 February 13

Page 8: Styleguide

1. BASE UNITS

Sunday, 24 February 13

Page 9: Styleguide

1. BASE UNITS

Sunday, 24 February 13

Page 10: Styleguide

1. BASE UNITS

8PX

Sunday, 24 February 13

Page 11: Styleguide

2. A SIMPLE GRID

Sunday, 24 February 13

Page 12: Styleguide

2. A SIMPLE GRID

Sunday, 24 February 13

Page 13: Styleguide

THE GRID DEMANDS DISCIPLINE!

Sunday, 24 February 13

Page 14: Styleguide

THE GRID DEMANDS DISCIPLINE!

Sunday, 24 February 13

Page 15: Styleguide

3. A TYPOGRAPHIC SCALE

Sunday, 24 February 13

Page 16: Styleguide

4. CORE STYLES

Sunday, 24 February 13

Page 17: Styleguide

6. UI STYLES

Sunday, 24 February 13

Page 18: Styleguide

BUILD STYLES FROM INSIDE OUT

FORMS

GRID

PAGE

CORE STYLES

UI STYLES

DESIGN PATTERNS

BUTTONS

TEXT

HOTEL BOX

PRICES

DIFF PRODUCT BRANDING

ADVERTS

TOOLTIPS

CASCADEBOXES

IMAGE SIZES

PAGE SPECIFIC

EXCEPTIONS

TEMPERATURE GRAPH

HEADER FOOTER

MODAL

TAGSTABS

Sunday, 24 February 13

Page 19: Styleguide

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

Page 20: Styleguide

Sunday, 24 February 13

Page 21: Styleguide

Sunday, 24 February 13

Page 22: Styleguide

BRAND MAP

303

DIFF PRODUCT PAGES

HEADING TEXTCORE BRAND

PRODUCT BRANDS

CAMPAIGNS

SOFT DIFF HEADER SECTIONS

PRICES

CHANGE

FREQUENCY

TACTICAL

TARGETTED ADS

HEADER FOOTERHELP PAGES

BANNER ADS

BOOK FLOW

PACKAGE HOLIDAY PAGE

DEALS PAGES

ACCOMMODATION DETAILS

SEARCH RESULTS

HOMEPAGE IMAGESEDITORIAL PAGES

Sunday, 24 February 13

Page 23: Styleguide

A BRANDING HEATMAP

Sunday, 24 February 13

Page 24: Styleguide

Sunday, 24 February 13

Page 25: Styleguide

THANKS FOR LISTENING!

Sunday, 24 February 13

Page 26: Styleguide

2. A TYPOGRAPHIC SCALE

Sunday, 24 February 13

Page 27: Styleguide

WHAT’S WRONG WITH MY LUVERLY ARTWORK?

Sunday, 24 February 13


Recommended