Starbucks Website Style Guide

Last Updated: April 3, 2012

Grid Framework

• How To Use
• Litmus Test

Regions

• Borders
• Keyline
• Prefix & Suffix
• Push & Pull
• Sizes

Blocks

• Two-Up
• Three-Up
• Four-Up
• Five-Up
• Six-Up

Promo Layouts

• A
• B
• C
• D
• E
• F

Content Objects

• Additional
• Address Validation
• Blog Entry
• Buttons
• Flags
• Forms
  • Basic Forms
  • Selectors
  • Validation Summary
• Headings
• Images
• Landing
• Lists
  • Basic Lists
  • Anchors
  • Categories
  • Documents
  • Section Navigation
  • Thumbs List (blocks)
  • Thumbs Details List (blocks)
  • Thumbs Popover List (blocks)
• Pagination
• Promos
• Section Blocks (blocks)
• Summary
• Tab Kit
• Table
• Tooltip
• Utility Classes

Widgets

Basic examples of JavaScript

• Autocomplete
• Datepicker
• Dialog
• Expandable
• Filtering
• Media Player
  • Category
  • Home
  • Single
• prettyPhoto
• Validation basic

Debug

• Examples