Styleguide

Post on 15-Jun-2015

117 views 4 download

Tags:

transcript

Fashion fadesonly style remains the same

- coco chanel

Sunday, 24 February 13

CECI N’EST PAS UN PIPE

Sunday, 24 February 13

A DICTIONARY FOR A VISUAL LANGUAGE

Sunday, 24 February 13

VISUAL GRAMMAR

Sunday, 24 February 13

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

“A STANDARD 2 COLUMN BLUE HOTEL BOX”

IMAGINE EXPLAINING STYLE IN WORDS

Sunday, 24 February 13

BREAK IT DOWN

Sunday, 24 February 13

1. BASE UNITS

Sunday, 24 February 13

1. BASE UNITS

Sunday, 24 February 13

1. BASE UNITS

8PX

Sunday, 24 February 13

2. A SIMPLE GRID

Sunday, 24 February 13

2. A SIMPLE GRID

Sunday, 24 February 13

THE GRID DEMANDS DISCIPLINE!

Sunday, 24 February 13

THE GRID DEMANDS DISCIPLINE!

Sunday, 24 February 13

3. A TYPOGRAPHIC SCALE

Sunday, 24 February 13

4. CORE STYLES

Sunday, 24 February 13

6. UI STYLES

Sunday, 24 February 13

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

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

Sunday, 24 February 13

Sunday, 24 February 13

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

A BRANDING HEATMAP

Sunday, 24 February 13

Sunday, 24 February 13

THANKS FOR LISTENING!

Sunday, 24 February 13

2. A TYPOGRAPHIC SCALE

Sunday, 24 February 13

WHAT’S WRONG WITH MY LUVERLY ARTWORK?

Sunday, 24 February 13