E-commerce Style Guide September 0 Copyright 0. Windstream.
September 0 Contents Typefaces Palette 3 Modules a Shopping Cart -6 b Location 4 Comps a 00a_PlutEntry.psd 9 b 00a_ProductBroadband.psd 0 c 006a_ProductPots.psd d 008a_Checkout.psd e 008bc_Checkout.psd 3 f 008f_Checkout.psd 4 g 008g_Checkout.psd h 0_Checkout.psd 6
September 0. Typefaces Graphic Text Rounded MT Std Light abcdefghijklmnopqrstuvwxyz034689 Rounded MT Std Regular abcdefghijklmnopqrstuvwxyz034689 Rounded MT Std abcdefghijklmnopqrstuvwxyz034689 Rounded MT Std Extra abcdefghijklmnopqrstuvwxyz034689 HTML Text abcdefghijklmnopqrstuvwxyz034689 abcdefghijklmnopqrstuvwxyz034689 Light abcdefghijklmnopqrstuvwxyz034689 Regular abcdefghijklmnopqrstuvwxyz034689 abcdefghijklmnopqrstuvwxyz034689
September 0. Palette Primary Colors Windstream Green #dba00 Windstream Orange #e8b0 Windstream Blue #aabde #bedcf #f3d88 #bcdee #efcc #faefd0 #e4eef8 Secondary Colors Windstream Gray #8cd0 Windstream Red #d94f00 Windstream Violet #83ba Windstream Dark Blue #0dc9 Windstream Brown #ab038 #cbeb #ecaf #c0b9dc #86adc8 #db9b #e8ee #fdccc #e6e3f #cfdee9 #eeed 3
September 0 3. Modules a. shopping cart all comps b. change location all comps 4
September 0 i. empty shopping cart module text - html px #f6ff3 module title - img Rounded MT 4px #e8b0 ii. shopping cart links - html px # aabde 0 module text emphasis - html px rule - html #dddcda 80 x px shipping text - html 0px # aabde checkout btn - img Rounded MT 4px 4 x px a. shopping cart all comps
September 0 0 iii. edit shopping cart 0 0 module text emphasis - html px rule - html #dddcda 80 x px update btn - img Rounded MT 4px 83 x px a. shopping cart all comps 6
September 0 i. change location collapsed 0 module title - img Rounded MT 4px ii. change location expanded 0 0 0 module text - html px or divider -html px #dba00 submit btn - img Rounded MT 4px 6 xpx b. change location all comps
September 0 4. Comps all products 00a_PutEntry product broadband 00a_ProductBroandband review shopping cart 008a_Checkout review shopping cart 008a_Checkout contact address 008bc_Checkout select installation date 008f_Checkout terms & conditions 008g_Checkout order summary 06_Checkout 8
September 0 bg 0 0 0 0 rule 0 x px #efcc select text - img px more link - img 0px #aabde product dropdown - form 0px 96 x 9px body - html px page title - img Rounded MT Std 8px #e8b0 subhead - html 6px #e8b0 box border px #efcc price - html 6px #8cd0 per month - html px #8cd0 add to cart btn - img 00 x px more caret 4 x px right rail bg #e8ee 4 0 0 disclaimers link - html 0px #aabde a. all products 00a_PutEntry 9
September 0 0 your progress - img px progress bar - img s inside #f3d88 border #e8b0 96 x 8px page title - img Rounded MT Std 8px #e8b0 rule 0 x px #efcc 0 box border px #efcc 0 dropdown title -, Underline px subhead - html 6px #e8b0 body emphasis - html px note text - html 0px body - html px 4 4 0 0 right rail #e8ee next btn - img 60 x px disclaimers link - html 0px #aabde b. product broadband 00a_ProductBroandband 0
September 0 box border px #efcc 0 0 4 rule 0 x px #efcc 0 0 0 your progress - img px dropdown title -, Underline px next btn - img 60 x px progress bar - img s inside #f3d88 border #e8b0 96 x 8px body emphasis - html px disclaimers link - html 0px #aabde page title - img Rounded MT Std 8px #e8b0 body - html px subhead - html 6px #e8b0 c. product pots 006a_ProductPots
September 0 box border px #efcc 0 table cell borders px #f8eb title bg #faefd0 0 3 60 0 09 40 8 your progress - img px carrot x 0px progress bar - img s inside #f3d88 border #e8b0 96 x 8px body - html px body emphasis - html px page title - img Rounded MT Std 8px #e8b0 table titles - html B old px #dba00 note text - html 0px 0 0 rule 0 x px #efcc 680 0 d. review shopping cart 008a_Checkout
September 0 box border px #efcc 6 0 0 0 0 0 0 0 40 60 80 0 4 0 4 your progress - img px field titles - html px required star px #ff0000 progress bar - img s inside #f3d88 border #e8b0 96 x 8px body - html px field text - html px page title - img Rounded MT Std 8px #e8b0 body emphasis - html px required text - html 0px required star 0px #ff0000 0 continue btn - img 6 x px e. contact address 008bc_Checkout 3
September 0 box border px #efcc 0 your progress - img px progress bar - img s inside #f3d88 border #e8b0 96 x 8px body emphasis - html px page title - img Rounded MT Std 8px #e8b0 body - html px 0 f. select installation date 008f_Checkout 4
September 0 box border px #efcc 0 your progress - img px progress bar - img s inside #f3d88 border #e8b0 96 x 8px page title - img Rounded MT Std 8px #e8b0??? body - html px body emphasis - html px 0 0 0 0 right rail #e8ee 680 0 g. terms & conditions 008g_Checkout
September 0 box border px #efcc 0 0 40 60 30 0 8 your progress - img px right rail #e8ee progress bar - img s inside #f3d88 border #e8b0 96 x 8px body - html px body emphasis - html px page title - img Rounded MT Std 8px #e8b0 table titles - html B old px #dba00 0 680 h. order summary 06_Checkout 6