9 March 2011 dispatch.com design style guide. updated: 03/09/11
|
|
- Caren Hines
- 5 years ago
- Views:
Transcription
1 1 { dispatch.com design style guide updated: 03/09/11
2 2 Table of Contents I. Basic Design Elements 3 A. 12-Column Grid 4 B. Color Palette 5 C. Typography 6, 7 D. Rules and Spacing 8 E. Toolbar II. Wrap Elements 9 A. Pieces 10 B. Header 11, 12 C. Dropdowns 13 D. Footer E. Right Rails and Components F. Left Rail Components III. Landing Pages 22,23 A. Page Headers B. Lead Story Options 28 C. Downpage Story Options 29 D. List Options 30 E. Story Carousel 31 F. Connect Box IV. Story Pages A. Story Page Options B. Story Page Components 39 C. Story Page Spacing
3 3 I. Basic Design Elements A. 12-Column Grid outside padding 960px 940px 6col. content area 780px 5col. outside padding Page Grid Most Dispatch.com elements will fit within the 6-column grid, shown here in the blue lines. Each column measures 140px wide with padding on the left and right sides. 140px 1col. 60px icon 300px 2col. 460px 3col. 6 4col. Ad sizes used by Dispatch.com 300 x 250px Medium Rectangle Ad (box) 728 x 90px Leaderboard Ad padding between columns The content area on each page is 940px with on each side. Square icons and mugshots are typically 60px wide, to fit within the 12-column grid, shown in pink. On the vast majority of pages, the Right Rail will take up the two right columns, consisting of 300px, and the Left Rail will take up the leftmost column, measuring 140px. This leaves 460px for the Center Content. To provide visual consistency and order, elements should adhere to the 6-column whenever possible, or at least to the 12-column grid. 160 x 600px Wide Skyscraper (tower) 300 x 600px Half Page Ad Dispatch.com search bar ad 160 x 30px Dispatch.com pencil ad 960 x 30px
4 4 I. Basic Design Elements B. Color Palette News Blue HEX: #0787A1 RGB: 7, 135, 161 Sports Red HEX: #BD282E RGB: 189, 40, 46 For labels, breadcrumbs, arrow and disc bullets, bylines and addresses within the News section. Also an accent color other pages. For labels, breadcrumbs, arrow and disc bullets, bylines and addresses within the Sports section. Opinion Green HEX: #B4BB2E RGB: 180, 187, 46 For labels, breadcrumbs, arrow and disc bullets, bylines and addresses within the Opinion section. Life&Ent Orange HEX: #D68C26 RGB: 214, 140, 38 Black HEX: # RGB: 0, 0, 0 Darkest Gray HEX: # RGB: 51, 51, 51 Dark Gray HEX: # RGB: 102, 102, 102 Medium Gray HEX: # RGB: 153, 153, 153 Light Gray HEX: #CCCCC RGB: 204, 204, 204 For labels, breadcrumbs, arrow and disc bullets, bylines and addresses within the Life & Entertainment section. For story headlines, headlines that are accompanied by abstract text, section links at the bottom of lists, updated timestamps and contextual links within story text. For abstract and story text, headlines within lists, and text on classifieds and services dropdowns. For labels and bullets that are not specific to a particular section, subheads, timestamps, story label heads, photo captions, notations, factbox text (any text that is set in Helvetica), section names within carousels, connect box links, and the Latest Headlines and Most Popular/ ed story headlines. For names of affiliates within labels atop lists, photo credits, arrow bullets separating breadcrumbs, landing page top links and the dotted border under links in the hover state. For the inactive option on tabs and the prev/next arrows on carousels. Lightest Gray HEX: #EEEEEE RGB: 238, 238, 238 White HEX: #FFFFFF RGB: 255, 255, 255 For the hover text color on editoral dropdowns, the double rules separating sections and the single arrow after section names on landing pages. For the text within editorial dropdowns.
5 5 I. Basic Design Elements C. Typography Typefaces Dispatch.com uses three font families: Georgia, Helvetica and Tahoma. Georgia: Primarily for text and headlines Helvetica: Primarily for links and aside text Tahoma: Primarily for section names and labels Bullets Dispatch.com uses two different kinds of bullets: Double arrow bullets to go before headlines in lists and between sections in breadcrumbs, and are images created using: 2 guille single right marks or Set in Zapf Dingbats, letter-spacing: -.1em, font-size:.8em; 1 space after bullet, color-coded by section Disc bullets for secondary lists, and are often paired with aside text and unordered list. They are images created using: 1 bullet or Set in Tahoma, 1 space after bullet, color-coded by section Elements Body text Story Page Text: Georgia, normal, 14px, 140% line-spacing, #333 Abstract Text: Georgia, normal, 12px, 140% line-spacing, #333 HEADLINES Story Page Headlines: Georgia, normal, 42px, 120% line-spacing, #000 Landing Page Lead Headlines: Georgia, normal, 38px, 120% line-spacing, #000 Landing Page Secondary Headlines: Georgia, normal, 24px, 120% line-spacing, #000 List Headlines (with Abstracts): Georgia, normal, 18px, 120% line-spacing, #000 List Headlines (without Abstracts): Georgia, normal, 16px, 120% line-spacing, #333, with color-coded double arrow bullet SUBHEADS Story Page Subheads: Helvetica, bold, 18px, 120% line-spacing, #666 Landing Page Lead Subheads: Helvetica, bold, 16px, 120% line-spacing, #666 CHAPter heads Story Page Chapter Heads: Helvetica, bold, 14px, 120% line-spacing, #666 LABELS Landing Pages and Rails: Tahoma, bold, All Caps, 12px, 110% line-spacing, color-coded Story page Label Headlines: Tahoma, bold, All Caps, 12px, 110% line-spacing, #666 TIMESTAMPS Story Page Timestamp: Helvetica, normal, 12px, 110% line-spacing, #666 List Timestamp: Helvetica, normal, 9px, all caps, 110% line-spacing, #666 Update Timestamp: Tahoma, bold, 9px, all caps, 110% line-spacing, #000 LINKS Contextual Links Within Text: Georgia, bold, inherited size and line-height, #000 Links At Bottom of Lists: Helvetica, normal,, All Caps, 120% line-spacing, #000 On Hover: 1px #999 dotted rule below link (text, headlines, other links) Aside, non story text Standard Aside, Other Features Text: Helvetica, normal, 12px, 140% line-spacing, #666 Unordered Lists: Helvetica, normal, 12px, 140% line-spacing, #666, with disc bullet color-coded by section Factbox Headline: Tahoma, bold, 16px, 120% line-height, #666 Notations (in aside and below story text): Georgia, italic, 14px, 140% line-spacing, #666
6 6 I. Basic Design Elements D. Rules and Spacing SPACE BETWEEN ELEMENTS Dividing lines Dispatch.com an image as a custom double rule to separate groups of content horizontally. Vertical space Elements on Dispatch.com are separated vertically by of white space, but no rule. space above space below deep The above rule consists of two 1px solid #eee lines, separated by 3px of white space. The complete width is. There is of white space above and of white space below the rule. RTISEMENT PLACE AN AD 4 total space
7 7 I. Basic Design Elements D. Rules and Spacing SPACE WITHIN ELEMENTS Horizontal space Items within an element on Dispatch.com can be separated by anywhere from to of horizontal space. Typically, the smaller, more-closely related components are closer together. For example, the list of items within a factbox are separated by of space, while a collection of headlines in a List are separated by. A large photo on a story page is separated from its related headline by because of its size. Color-coded spacing is shown at right. Dividing lines When a rule is needed to separate items within one element, a single, horizontal, #eee line is used. Examples include the rules above and below the byline/timestamp information on a story page and a rule separating the story from its related comment box. Double rules are used within the left and right rails to separate elements, but components that move with the story itself (such as secondary photos, factboxes and related links) have no horizontal rules. of space is used instead. 1 Home News Xyxyxyxyxy Headline lorem ipsum defacto ipte latte frappacinno grande Donec venenatis adipiscing diam, ut gravida tortor porta ac. Aliquam at nung a nisi ultrices aliquam ut ac metus CREDITLINE XYXYXYXY Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ipsum sed magna suscipit vehicula at vel felis. Donec venenatis adipiscing diam, ut gravida tortor porta ac. Aliquam at nunc a nisi ultrices aliquam ut ac metus. CREDITLINE XYXYXYXY Lorem ipsum dolor sit amet, consectetur adipiscing elit. Factbox head y Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ipsum sed magna suscipit vehicula at vyl felis. Xyxyx x xyxy Xyxyx x xyxy Xyxyx x xyxy ELSEWHERE ON THE WEB Xyxyx x xyxy Xyxyx x xyxy Xyxyx x xyxy ALSO IN [SECTION] Xyxy xyx xyxy xyxy xyx yxyxyxy xyxyxyxy Xyxy xyx xyxy xyxyxy Xyxy xyx xyxy xyxy xyxy xyxyxyxyxyx xy MORE SCIENCE & ENVIRONMENT By Gina Potthoff The Columbus Dispatch Sunday, September 12, :01 AM 18 Comments 13 Recommend Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vitae ipsum sed magna suscipit vehicula at vel felis. Donec venenatis adipiscing diam, ut gravida tortor porta ac. Aliquam at nunc a nisi ultrices aliquam ut ac metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris suscipit dapibus sollicitudin. Maecenas at neque lectus, cursus pretium ipsum. Nam et risus vel dui pellentesque fermentum. Donec suscipit feugiat nunc, vitae interdum odio porta ac. Sed non dolor vitae dui mattis euismod in eget nisl. Vestibulum non blandit augue. Nunc scelerisque, neque in dignissim aliquam, nunc mauris iaculis sapien, sit amet ornare tellus orci at ipsum. Cras non lorem quam, quis dictum ligula. Maecenas eget elit augue, et pellentesque augue. Quisque in nisl est. Sed purus justo, mollis non bibendum sit amet, egestas pharetra turpis. Nunc tempor tincidunt eros, eu blandit mi interdum eget. xyxyxyxyxy@dispatch.com Type in your comments below Read all 5 comments Name (appears on your post) Comments Characters left: 4000 Type the numbers you see in the image on the right: POST COMMENT New Comment Module TBD Please note by clicking on "Post Comment" you acknowledge that you have read the Terms of Service and the comment you are posting is in compliance with such terms. Be polite. Inappropriate posts may be removed by the moderator. Send us your feedback.
8 8 I. Basic Design Elements E. Toolbar Toolbar Style Rules Logged in, Toolbar visible Fixed position at bottom of browser window Icons are grayscale, square, with 11px #666 Helvetica normal text On hover, icons become color, text becomes #000 Show/Hide arrows point up when visible, down when hidden, black when hover User Name and Register CTA are 12px Helvetica Bold, news blue 7px Hello, NamyO.ReaderHere 3 Edit Log out My Favorites My Comments 13px 12px spacing Dispatch on Facebook Dispatch on Twitter E-Newsletters RSS Text Alerts Subscribe to The Dispatch Logged out, Toolbar visible REGISTER WITH DISPATCH.COM Sign up Log in Log in with Facebook Dispatch on Facebook Dispatch on Twitter E-Newsletters RSS Text Alerts Subscribe to The Dispatch Logged in, Toolbar hidden Hello, Name O.ReaderHere Edit Log out Your Favorites Your Comments Dispatch on Facebook Dispatch on Twitter E-Newsletters RSS Text Alerts Subscribe to The Dispatch Logged out, Toolbar hidden REGISTER WITH DISPATCH.COM Sign up Log in Log in with Facebook Dispatch on Facebook Dispatch on Twitter E-Newsletters RSS Text Alerts Subscribe to The Dispatch
9 OHIO STATE UNIVERSITY 9 March 2011 dispatch.com design style guide 9 II. Wrap Elements A. Pieces Header Homepage version 940px wide x. 260px deep Inside page version 940px wide x. 230px deep Left Rail (53) Story pages only; Second-level specific 140px wide x. variable depth News (17) News default Business Crime & Safety Environment Health & Medicine Local Offbeat Religion Schools Science Special Reports US & World Weather Corrections Ben Marrison Commentary John Switzer Commentary Sports (14) Sports default Other Colleges MiLB: Clippers NBA: Caveliers MLB: Reds & Indians NFL: Bengals & Browns Golf Auto Racing High School Sports Outdoors Michael Arace Commentary Bob Hunter Commentary Rob Oller Commentary Ray Stein s Mailbox Opinion (4) Editorials Letters to the Editor Op-Ed Columnists The Hot Issue Life & Ent. (18) Life & Ent. default Contests Fashion & Style Home & Garden Travel Joe Blundo Commentary Advice Columns Random Thoughts Commentary First Person Commentary Books Celebrities Dining Events Movies Music Television Theater Video Games ome oday s ape ideo hotos odcasts lect onic dition o ile pps olum us hio y y y. 56 xyxyxyxyx y y y y xyxyxyxy y y y y Dispatch.com Archive Web by Search SEARCH BAR SPONSOR 155 x 30px ad Hot Links: Home News Science & Environment Deep-sea threat Computer program tracks effects of Gulf Coast oil spill on fish species 1 of 2 Click image for slide show The Depthmap program shows where fish species live in relation to the oil that spilled in the Gulf Coast. Xyxyxyxyxyxyxy Xyxyxyxyxyxyxy Xyxyxyxyxyxyxy Xyxyxyxyxyxyxy ELSEWHERE ON THE WEB Xyxyx x xyxy Xyxyx x xyxy Xyxyx x xyxy ALSO IN SCIENCE & ENVIROMENT Xyxy xyx xyxy xyxy xyx yxyxyxy xyxyxyxy Xyxy xyx xyxy xyxyxy Xyxy xyx xyxy xyxy xyxy xyxyxyxyxyx xy MORE SCIENCE & ENVIRONMENT SCIENCE & ENVIROMENT BLOG Chocolate genome sequenced They've done it! They've finally done it! Scientists say they have determined the complete DNA sequence of the tree that produces cocoa beans. Chocolate. CHOCOLATE! MORE SCIENCE & ENVIRONMENT BLOG DATABASES Testing the waters Find out which of the 20 Ohio State Park swimming areas at 16 lakes contain fecal coliform. NEWS By Gina Potthoff The Columbus Dispatch Sunday, September 12, :01 AM 18 Comments 13 Recommend The oil slick that coated the Gulf Coast waters for most of the summer appears to have mostly disappeared. But two researchers say it's worth taking a deeper look and are working to create a computer program that can track the spill's long-term effects below the surface on fish migration and spawning. "I hope people don't think that just because oil isn't leaking out of the well that it's over now," said Prosanta Chakrabarty, a fish researcher at Louisiana State University. "Wildlife is still really important. Each of those species is a page of biological history." Janies is using the same computer application that he created to track infectious diseases. In the past few years, he has kept tabs on avian influenza and the H1N1 virus. Right now, he and Chakrabarty have included points for fish and oil on a Google Earth map, but they're also inviting the public to upload their own data in the same way. All they have to do is submit a spreadsheet to the website with the fish name, location name, coordinates, depth and the date it was collected. Even if just one fish of a species is found in an area, it counts as a historic collection, Janies said. Once data is uploaded to the Web application, the points are mapped in relation to the oil spill. The date, depth and institution that collected the species can be seen by clicking on a fish icon or the green image symbolizing where the oil slick has spread according to satellite images. Each species currently has two maps: one with fish and oil distribution and one without the oil image. gpotthoff@dispatch.com Type in your comments below Read all 5 comments Name (appears on your post) Comments Characters left: 4000 Type the numbers you see in the image on the right: POST COMMENT Please note by clicking on "Post Comment" you acknowledge that you have read the Terms of Service and the comment you are posting is in compliance with such terms. Be polite. Inappropriate posts may be removed by the moderator. Send us your feedback. SPORTS 728 x 90px Leaderboard Ad 728 x 90px Leaderboard Ad OPINION LIFE ENTERTAINMENT CLASSIFIEDS MOST POPULAR MOST COMMENTS 1. Xyxyxxyxy xyxyx 2. Xyxyxxyxy xyxyx 3. Xyxyxxyxy xyxyx 4. Xyxyxxyxy xyxyx 5. Xyxyxxyxy xyxyx 6. Xyxyxxyxy xyxyx 7. Xyxyxxyxy xyxyx 8. Xyxyxxyxy xyxyx 9. Xyxyxxyxy xyxyx 10. Xyxyxxyxy xyxyx MORE POPULAR STORIES TOP STORY RSS FEED ONLINE COUPONS from TheBag.com Browse for coupons Or enter your ZIP code by category: for savings in your area: Show All (175) GO GO SERVICES 300 x 250px Box Ad FROM THE NEWS BLOGS Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy y Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy y MORE NEWS BLOGS 160 x 600px Tower Ad DISPATCH MEDIA GROUP Right Rail (8) Top-level specific 300px wide x. variable depth home news sports opinion (video uses same) life & entertainment blogs briefs (short stories that have short left and right rails) misc. (today s paper, photos, podcasts, latest headlines, more) Footer Consistent sitewide 940px wide, bottom padding to allow for browser toolbar
10 10 II. Wrap Elements B. Header Homepage version 728 x 90px Leaderboard Ad HOME TODAY S PAPER VIDEO PHOTOS PODCASTS ELECTRONIC EDITION MOBILE APPS Columbus, Ohio Sept. 00, Xyxyxyxy Dispatch.com Archive Web by Search 160 x 30px ad SEARCH BAR SPONSOR Hot Links: Xyxyxyxyxy Xyxyxyxyxyx Xyxyx xyxyxyx x Xyxyx xyxyxyx x Xyxyx xyxyxyx x Xyxyx xyxyxyx x Xyxyx xyxyxyx x Xyxyx xyxyxyx x Smaller version for inside pages 728 x 90px Leaderboard Ad HOME TODAY S PAPER VIDEO PHOTOS PODCASTS ELECTRONIC EDITION MOBILE APPS Dispatch.com Archive Web by Columbus, Ohio, Sept. 00, Xyxyxyxy Search 160 x 30px ad SEARCH BAR SPONSOR Hot Links: Xyxyxyxyxy Xyxyxyxyxyx Xyxyx xyxyxyx x Xyxyx xyxyxyx x Xyxyx xyxyxyx x Xyxyx xyxyxyx x Xyxyx xyxyxyx x Xyxyx xyxyxyx x Above Nameplate Links (Helvetica,, all caps, #666, with disc bullets separating them) Place Date Weather Info (Helvetica, 11px, #666, with disc bullets separating them) Tab Links (Tahoma, bold, 11px, #fff and #333) Search Box Options (Helvetica, 11px, #666) Search Bar Sponsor (Helvetica, all caps, 9px, #ccc) Hot Links Leadin (Helvetica, bold, 12px, #000, with double arrow bullet) Hot Links (Helvetica, 12px, #333, with disc bullets separating them) Shallow, optional for subsites 728 x 90px Leaderboard Ad Columbus, Ohio Xyxyxy. 00, xyxyxyxy Place Date Weather Info (Helvetica, 11px, #999, with disc bullets separating items) Tab Links (Tahoma, bold, 11., color-coded by section, with #999 services)
11 11 II. Wrap Elements C. Dropdowns Dropdown: Editorial Today s top News stories NEWS TOPICS Business Crime & Safety Government & Politics at DispatchPolitics.com Environment Local Legal Notices Lottery Medicine & Health Obituaries Offbeat Religion Schools Science Special Reports US & World Weather Corrections NEWS BLOGS BROWSE BY TOPIC Select a Blog News Blog Directory COMMENTARY Dispatch Editor Benjamin Marrison John Switzer Deep Dropdown Menus A click on a top-nav tab sends a visitor directly to the top-level Landing Page. Hovering reveals the dropdown, with features a prominent link to the top landing page and a menu of sublevel topics, blog dropdowns and other features. Today s top Sports stories Style rules COLLEGE SPORTS Ohio State Sports at BuckeyeXtra.com Other Colleges HIGH SCHOOLS High School Sports PRO SPORTS NHL: Blue Jackets at BlueJacgetsXtra.com MLS: Crew at CrewXtra.com MiLB: Clippers MLB: Reds & Indians NBA: Caveliers NFL: Bengals & Browns Golf Auto racing OTHER SPORTS Outdoors SPORTS BLOGS BROWSE BY SPORT Select a Blog Sports Blog Directory COMMENTARY Michael Arace Bob Hunter Rob Oller Color-coded backgrounds: News: #0787A1 Sports: #BD282E Opinion: #B4BB2E Life&Ent: #D68C26 Tab (Tahoma, bold, 11., #fff) Today s top Opinion stories Landing Page Link (Tahoma, bold, 14px, #fff, with #fff double arrow bullet and icon link to RSS feed) EDITORIALS Today s staff editorials Archive of staff editorials EDITORIAL CARTOONS Recent Jeff Stahler cartoons and archive LETTERS TO THE EDITOR Today s letters and web-only letters 30-day archive Submit your letter OP-ED COLUMNS Today s columns 30-day archive THE HOT ISSUE Xyxyx xyxy xyx xy xyxy xyx xy xyxyx yxyx xyx yxyx yxyx yxy xxyxyx? READ COMMENTS AND POST YOUR OWN Label (Tahoma, bold, all caps, 12px, #fff) Sublabel (Helvetica, all caps,, #fff) List Links (Helvetica, 12px, #fff, with #fff disc bullets) Affiliate Site Names (Helvetica,, #fff) Today s top Life & Entertainment stories LIFE TOPICS Fashion & Style Food at DispatchKitchen.com Home & Garden Horoscopes Pets Puzzles Travel ENTERTAINMENT Books Celebrities Dining Events Movies Music Television Theater Video Games UPCOMING EVENTS from ColumbusAlive.com Today: Xxyx xyxy xyy xyxy xyxyxyxyxy Friday: Xyxyyx xyxyyx xyxy xyxy LIFE BLOGS BROWSE BY TOPIC Select a Blog Life & Entertaiment Blog Directory COMMENTARY Joe Blundo Advice Columns Reader Columns Bottom Links (Helvetica, all caps,, #fff) Hover (text becomes #eee)
12 12 II. Wrap Elements C. Dropdowns Dropdown: Services Deep Dropdown Menus Let Central Ohio s No. 1 job source help you. BROWSE BY CATEGORY Accounting/Finance Hiring? Post a job now Find the car, truck or SUV that s right for you. BROWSE BY Make Model Search from more than 10,000 homes, condos, rentals and lots. BROWSE BY COUNTY Franklin County Selling? Place an ad Selling? Place an ad Search your free local classifieds from The Dispatch at ThisWeek. BROWSE BY CATEGORY Antiques Post your free ad A click on a top-nav tab sends a visitor directly to the top-level Landing Page Hovering reveals the dropdown, showing a menu of sublevel topics and sites, functional dropdowns and other features. Bid on and sell collectibles and more at your local auction site. Great bargains at local businesses every day. Style rules SUBSCRIPTIONS The Dispatch home delivery SELECT A PACKAGE Every day Electronic Edition CUSTOMER SERVICE 24/7 online customer service Live chat Service Hotline: SUBMISSIONS Obituaries In Memoriams Celebration Announcements (births, ceremonies, engagements, etc.) Entertainment Events ColumbusAlive.com Letters to the Editor READER REWARDS Xyxyxy xyxy xyxy xyxy xyxy xyxyyx yxyxy yxyx xyxy xyxy xyxy yxy yxy BROWSE OTHER CONTESTS 2 OSU tickets ADVERTISING Dispatch Media Kit Classified Advertising at OHGetIt.com OTHER SERVICES Local business listings at Columbus BizList Coupons at TheBag.com Dispatch Events Newspapers in Education Color backgrounds: #DDD Tab (Tahoma, bold, 11., #333) Label (Tahoma, bold, all caps, 12px, #333) Sublabel (Helvetica, all caps,, #333) List Links (Helvetica, 12px, #333, with #333 disc bullets) DISPATCH PHOTOS Dispatch photographs that appear in the newspaper can also look great on your wall. BUCKEYE PHOTOS In a partnership with the Ohio State University, we offers photos of players and fans. DISPATCH PAGES Request prints of a particular newspaper page or select one from our historic collection. BROWSE BY GALLERY BROWSE BY GALLERY TOP-SELLING PAGES Photos of the Year Football V-E Day XYXYXYX DEAL Xyxyx xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy yxyx xyyxyx yxyxyx. CAPITAL STYLE Subscribe to Capital Style magazine and learn the latest in fashion, shopping and home decor. Search/Dropdown Labels (Helvetica, 9px, all caps, #333) Bottom Links (Helvetica, all caps,, #333) Highlighted Links (#0787A1 (news blue)) Hover (text becomes #000) Need help? Visit our FAQ page or use our Contact Form. SUBSCRIPTIONS Subscribe to The Dispatch online or call CUSTOMER SERVICE Need help? Try our live chat or 24/7 online customer service. For service, call For billing, call Contact someone from our Subscriptions Staff Directory. ADVERTISING For ad rates and other info, visit our Dispatch Media Kit. For online advertising, use our self-service ad tool or call For all advertising contacts, visit our Staff Directory. For other inquiries, use our Advertising Contact Form visit our Staff Directory or call XXX-XXX-XXXX. NEWSROOM To send news tips, use our News Tip Form or call To contact a staff member, visit our Staff Directory. For other inquiries, use our Newsroom Contact Form, or call
13 13 II. Wrap Elements D. Footer ADVERTISEMENT PLACE AN AD 728 x 90px Leaderboard Ad Site map Place an Ad About Our Ads Privacy Policy Contacts Store Careers NEWS Business Crime & Safety Education Environment Government & Politics at DispatchPolitics.com Local Medicine & Health Obituaries Offbeat Religion Science US & World Weather at 10tv.com SPORTS Ohio State Sports at BuckeyeXtra.com Other Colleges NHL: Blue Jackets at BlueJacketsXtra.com) MLS: Crew at ColumbusCrew.com MILB: Clippers MLB: Reds & Indians NBA: Cavaliers NFL: Bengals & Browns Golf Sports Commentary High School Sports OPINION Editorials Letters to the Editor Jeff Stahler Cartoons Op-Ed Columns LIFE TOPICS Contests Fashion & Style Food at DispatchKitchen.com Home & Garden Travel Advice Columns Joe Blundo Columns ENTERTAINMENT TOPICS Books Dining Events Movies Music Theater CLASSIFIEDS ColumbusJobs ColumbusRealEstate ColumbusCars OHGetIt SERVICES Customer Service Reader Rewards Place an Ad Submissions READER OPTIONS Home Delivery Mobile Edition Electronic (PDF) Edition Apps Text-Only Edition E-Newsletters RSS Feeds DISPATCH MEDIA GROUP BROWSE AFFILIATED SITES WBNS-10TV 2011 The Dispatch Printing Company, reproduction prohibited. All Rights Reserved. Top utility links (Helvetica, 12px, #000) Top-level topic labels (Helvetica, bold,, all caps in the color that corresponds to each section) Subsection links (Helvetica, 12px, #333) Subsites (Helvetica,, #333) Copyright notice (Helvetica,, #666) Rules above columns (3px, #eee, solid) **Allow enough bottom padding so Toolbar doesn t cover any content **
14 14 II. Wrap Elements E. Right Rails HOME PAGE NEWS SPORTS OPINION + VIDEO LIFE & ENT ADVERTISEMENT PLACE AN AD ADVERTISEMENT PLACE AN AD ADVERTISEMENT PLACE AN AD ADVERTISEMENT PLACE AN AD ADVERTISEMENT PLACE AN AD 300 x 250px Box Ad 300 x 250px Box Ad 300 x 250px Box Ad 300 x 250px Box Ad 300 x 250px Box Ad MOST POPULAR MOST ED 1. Ohio State football: Purdue payback now due 2. Gay slur chanted by students at Ohio high-school football game goes unpunished 3. Boyfriend who tried to force abortion charged with attempted murder 4. Rob Oller commentary: Turner stays grounded as expectations soar 5. Is privacy dead? 6. OSU notebook: Foot infection will sideline Bryant 7. Change in store for Dublin corner 8. Bid to force abortion leads to attempted-murder charge 9. Ohio juror announces she saw the crime herself 10. Editorial: Reckless? LATEST HEADLINES TODAY S PAPER TOP STORY RSS FEED BIG SAVINGS. NO HASSLES. EVERY DAY. ADVERTISEMENT PLACE AN AD 300 x 250px Box Ad FROM THE DISPATCH BLOGS TODAY S OFFER xx% off [description of Big Deal item] at [name of local business] BUY NOW MEDICINE + HEALTH Xyxyxxyxy y xyxyxy THE CITY Xyxyxxyxy y xyxyxy THE E-TEAM Xyxyxxyxy y xyxyxy PUCK-RAKERS Xyxyxxyxy y xyxyxy y BLOGGING THE BUCKEYES Xyxyxxyxy y xyxyxy THE MOVIE BLOGBUSTER Xyxyxxyxy y xyxyxy AVERAGE JOE Xyxyxxyxy y xyxyxy NEWS VIDEO (MORE VIDEOS) [Video headline xyxyxy xy xyxy] [UPLOAD DATE] (00:00) MOST RECENT MOST VIEWED TOP RATED [Video headline MOST POPULAR 1. Xyxyxxyxy xyxyx 2. Xyxyxxyxy xyxyx 3. Xyxyxxyxy xyxyx 4. Xyxyxxyxy xyxyx 5. Xyxyxxyxy xyxyx 6. Xyxyxxyxy xyxyx 7. Xyxyxxyxy xyxyx 8. Xyxyxxyxy xyxyx 9. Xyxyxxyxy xyxyx 10. Xyxyxxyxy xyxyx [Video headline LATEST HEADLINES TODAY S PAPER TOP STORY RSS FEED [Video headline ADVERTISEMENT PLACE AN AD 160 x 600px Tower Ad ONLINE COUPONS from TheBag.com [Video headline FROM THE NEWS BLOGS Xyxyxxyxy y xyxyxy MORE NEWS BLOGS Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy SPORTS VIDEO (MORE VIDEOS) [Video headline xyxyxy xy xyxy] [UPLOAD DATE] (00:00) MOST RECENT MOST VIEWED TOP RATED [Video headline MOST POPULAR 1. Xyxyxxyxy xyxyx 2. Xyxyxxyxy xyxyx 3. Xyxyxxyxy xyxyx 4. Xyxyxxyxy xyxyx 5. Xyxyxxyxy xyxyx 6. Xyxyxxyxy xyxyx 7. Xyxyxxyxy xyxyx 8. Xyxyxxyxy xyxyx 9. Xyxyxxyxy xyxyx 10. Xyxyxxyxy xyxyx [Video headline LATEST HEADLINES TODAY S PAPER TOP STORY RSS FEED [Video headline [Video headline ADVERTISEMENT PLACE AN AD 160 x 600px Tower Ad FROM THE SPORTS BLOGS Xyxyxxyxy y xyxyxy MORE SPORTS BLOGS Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy MOST POPULAR 1. Xyxyxxyxy xyxyx 2. Xyxyxxyxy xyxyx 3. Xyxyxxyxy xyxyx 4. Xyxyxxyxy xyxyx 5. Xyxyxxyxy xyxyx 6. Xyxyxxyxy xyxyx 7. Xyxyxxyxy xyxyx 8. Xyxyxxyxy xyxyx 9. Xyxyxxyxy xyxyx 10. Xyxyxxyxy xyxyx LATEST HEADLINES TODAY S PAPER TOP STORY RSS FEED ADVERTISEMENT PLACE AN AD 160 x 600px Tower Ad FROM THE DISPATCH BLOGS MEDICINE + HEALTH Xyxyxxyxy y xyxyxy THE CITY Xyxyxxyxy y xyxyxy THE E-TEAM Xyxyxxyxy y xyxyxy PUCK-RAKERS Xyxyxxyxy y xyxyxy y BLOGGING THE BUCKEYES Xyxyxxyxy y xyxyxy THE MOVIE BLOGBUSTER Xyxyxxyxy y xyxyxy AVERAGE JOE Xyxyxxyxy y xyxyxy MORE BLOGS: NEWS SPORTS LIFE & ENTERTAINMENT ONLINE COUPONS from TheBag.com Browse for coupons Or enter your ZIP code by category: for savings in your area: Show All (175) GO GO FROM THE LIFE & ENTERTAINMENT BLOGS Xyxyxxyxy y xyxyxy MOST POPULAR 1. Xyxyxxyxy xyxyx 2. Xyxyxxyxy xyxyx 3. Xyxyxxyxy xyxyx 4. Xyxyxxyxy xyxyx 5. Xyxyxxyxy xyxyx 6. Xyxyxxyxy xyxyx 7. Xyxyxxyxy xyxyx 8. Xyxyxxyxy xyxyx 9. Xyxyxxyxy xyxyx 10. Xyxyxxyxy xyxyx LATEST HEADLINES TODAY S PAPER TOP STORY RSS FEED ADVERTISEMENT PLACE AN AD 160 x 600px Tower Ad LIFE & ENTERTAINMENT VIDEO (MORE VIDEOS) [Video headline xyxyxy xy xyxy] [UPLOAD DATE] (00:00) MOST RECENT MOST VIEWED TOP RATED [Video headline Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy MORE LIFE & ENTERTAINMENT BLOGS [Video headline [Video headline [Video headline MORE BLOGS: NEWS SPORTS LIFE & ENTERTAINMENT Browse for coupons Or enter your ZIP code by category: for savings in your area: Show All (175) GO GO ONLINE COUPONS from TheBag.com Browse for coupons Or enter your ZIP code by category: for savings in your area: ONLINE COUPONS from TheBag.com Browse for coupons Or enter your ZIP code by category: for savings in your area: Show All (175) GO GO Show All (175) GO GO SPECIAL SECTIONS ADVERTISING Ohio State University Special Advertising Section Dispatch HealthCares Columbus Marketplace Aspire: Education Mature Lifestyles Money Matters Central Ohio Home & Garden magazine EDITORIAL Ohio Summer Fun Guide Columbus Crew 2010 Season Preview ONLINE COUPONS from TheBag.com Browse for coupons by category: Or enter your ZIP code for savings in your area: Show All (175) GO GO ONLINE AUCTIONS from BooCoo.com BROWSE BY CATEGORY Antiques GO
15 15 II. Wrap Elements E. Right Rails BRIEFS MISC * MOST POPULAR 1. Xyxyxxyxy xyxyx 2. Xyxyxxyxy xyxyx 3. Xyxyxxyxy xyxyx 4. Xyxyxxyxy xyxyx 5. Xyxyxxyxy xyxyx 6. Xyxyxxyxy xyxyx 7. Xyxyxxyxy xyxyx 8. Xyxyxxyxy xyxyx 9. Xyxyxxyxy xyxyx 10. Xyxyxxyxy xyxyx LATEST HEADLINES TODAY S PAPER TOP STORY RSS FEED ADVERTISEMENT PLACE AN AD 300 x 250px Box Ad ADVERTISEMENT PLACE AN AD 160 x 600px Tower Ad MOST POPULAR 1. Xyxyxxyxy xyxyx 2. Xyxyxxyxy xyxyx 3. Xyxyxxyxy xyxyx 4. Xyxyxxyxy xyxyx 5. Xyxyxxyxy xyxyx 6. Xyxyxxyxy xyxyx 7. Xyxyxxyxy xyxyx 8. Xyxyxxyxy xyxyx 9. Xyxyxxyxy xyxyx 10. Xyxyxxyxy xyxyx ADVERTISEMENT PLACE AN AD 300 x 250px Box Ad TODAY S TOP VIDEO (MORE VIDEOS) [Video headline xyxyxy xy xyxy] [UPLOAD DATE] (00:00) MOST RECENT MOST VIEWED TOP RATED [Video headline [Video headline [Video headline [Video headline ADVERTISEMENT PLACE AN AD 160 x 600px Tower Ad * Misc includes: Today s Paper Latest Headlines Photos Podcasts Contacts Services Classifieds LATEST HEADLINES TODAY S PAPER TOP STORY RSS FEED FROM THE DISPATCH BLOGS MEDICINE + HEALTH Xyxyxxyxy y xyxyxy THE CITY Xyxyxxyxy y xyxyxy THE E-TEAM Xyxyxxyxy y xyxyxy PUCK-RAKERS Xyxyxxyxy y xyxyxy y BLOGGING THE BUCKEYES Xyxyxxyxy y xyxyxy THE MOVIE BLOGBUSTER Xyxyxxyxy y xyxyxy AVERAGE JOE Xyxyxxyxy y xyxyxy MORE BLOGS: NEWS SPORTS LIFE & ENTERTAINMENT ONLINE COUPONS from TheBag.com Browse for coupons by category: Or enter your ZIP code for savings in your area: Show All (175) GO GO
16 16 II. Wrap Elements E. Right Rail Components Most Popular List Toggles to show Dispatch.com s Most ed Stories Appears in Right Rail of every page Flexible width depending on ad size (300px or 1 wide) Facebook Box Promotes Facebook Fans of The Columbus Dispatch (not fans of individual sections/pages) Appears in Right Rail of homepage and blog pages MOST POPULAR MOST ED 1. Ohio State football: Purdue payback now due 2. Gay slur chanted by students at Ohio high-school football game goes unpunished 3. Boyfriend who tried to force abortion charged with attempted murder 4. Rob Oller commentary: Turner stays grounded as expectations soar 5. Is privacy dead? 6. OSU notebook: Foot infection will sideline Bryant 7. Change in store for Dublin corner 8. Bid to force abortion leads to attempted-murder charge 9. Ohio juror announces she saw the crime herself 10. Editorial: Reckless? LATEST HEADLINES TODAY S PAPER TOP STORY RSS FEED MOST POPULAR MOST ED 1. Ohio State football: Purdue payback now due 2. Gay slur chanted by students at Ohio high-school football game goes unpunished 3. Boyfriend who tried to force abortion charged with attempted murder 4. Rob Oller commentary: Turner stays grounded as expectations soar 5. Is privacy dead? 6. OSU notebook: Foot infection will sideline Bryant 7. Change in store for Dublin corner 8. Bid to force abortion leads to attempted-murder charge 9. Ohio juror announces she saw the crime herself 10. Editorial: Reckless? LATEST HEADLINES TODAY S PAPER The Big Deal Promo Box Uses a feed to promote each day s Big Deal Appears in Right Rail of homepage only BIG SAVINGS. NO HASSLES. EVERY DAY. TODAY S OFFER xx% off [description of Big Deal item] at [name of local business] TOP STORY RSS FEED The Bag Coupons Promo Box Promotes coupons from The Bag Appears in Right Rail of all pages ONLINE COUPONS from TheBag.com Browse for coupons Or enter your ZIP code by category: for savings in your area: Show All (175) BooCoo Auctions Promo Box Promotes BooCoo Auctions, per contract Appears in Right Rail of homepage only ONLINE AUCTIONS from BooCoo.com BROWSE BY CATEGORY Antiques Label: Active (Tahoma, bold, 12px, #666) Label: Inactive (Tahoma, bold, 12px, #ccc) Label: Affiliate Name (Tahoma, bold, 12px, #999) Headlines (Georgia, 14px, #666) Numbers (Tahoma, bold, 14px, #000) Bottom links (Helvetica, all caps,, #000, with #666 double arrow bullets or RSS logo) Search description (Helvetica, all caps, 9px, #333)
17 17 II. Wrap Elements E. Right Rail Components Blog Promos Promotes blogs specific to Top-Level section (if applicable) Appears in Right Rail of every page but Blog and Blog Index pages Blog feeds for Homepage, Opinion, Video and Misc Right Rails: FROM THE DISPATCH BLOGS MEDICINE + HEALTH Xyxyxxyxy y xyxyxy THE CITY Xyxyxxyxy y xyxyxy THE E-TEAM Xyxyxxyxy y xyxyxy PUCK-RAKERS Xyxyxxyxy y xyxyxy y BLOGGING THE BUCKEYES Xyxyxxyxy y xyxyxy THE MOVIE BLOGBUSTER Xyxyxxyxy y xyxyxy AVERAGE JOE Xyxyxxyxy y xyxyxy MORE BLOGS: NEWS SPORTS LIFE & ENTERTAINMENT Blog feeds for News, Sports and Life section Right Rails: FROM THE NEWS BLOGS Xyxyxxyxy y xyxyxy MORE NEWS BLOGS Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy FROM THE SPORTS BLOGS Xyxyxxyxy y xyxyxy MORE SPORTS BLOGS Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy Label (Tahoma, bold, 12px News: #0787A1; Sports: #BD282E; Life&Ent: #D68C26, All Blogs: #666) Blog topic (Helvetica, bold, all caps,, color-coded by section in All Blogs and #666 in blogs sorted by topic) Headlines (Georgia, 14px, #000) Abstract text (Georgia, 12px, #333) Bottom links (Helvetica,, #000 all caps with color-coded double arrow bullets) Hover state (bottom border: 1px, #999, dotted) FROM THE LIFE & ENTERTAINMENT BLOGS Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy Xyxyxxyxy y xyxyxy MORE LIFE & ENTERTAINMENT BLOGS
18 18 II. Wrap Elements E. Right Rail Components Video Players Promotes and plays video, using different channels to match up with top-level section (if applicable) Appears in Right Rail for every page, except Homepage, Opinion and Video Special Sections Promo Promotes advertising and editorial special sections Appears in Right Rail of Homepage only Shows most recent video and toggles to show most viewed and top rated. This player appears within the Center Content of the Homepage, and within the Right Rail of the Blogs and Misc pages. TODAY S TOP VIDEO MORE VIDEOS [Video headline xyxyxy xy xyxy] [UPLOAD DATE] (00:00) MOST RECENT MOST VIEWED TOP RATED Content added manually, with a SPECIAL SECTIONS ADVERTISING Ohio State University Special Advertising Section Dispatch HealthCares Columbus Marketplace Aspire: Education Mature Lifestyles Money Matters Central Ohio Home & Garden magazine MORE SPECIAL SECTIONS Status TBD EDITORIAL Ohio Summer Fun Guide Columbus Crew 2010 Season Preview NEWS VIDEO MORE VIDEOS [Video headline xyxyxy xy xyxy] [UPLOAD DATE] (00:00) [Video head [Video head Appear on News, Sports and Life Right Rails. Show videos from corresponding channels. [Video head [Video head Video Headline (Georgia, bold, #fff, 14px) Video Data (Helvetica, bold, #fff, all caps, 9px) Label (Tahoma, bold, all caps, #666, 12px) Link in Label (Helvetica, all caps, #000, ) Sublabel (Helvetica, all caps, #333, ) List (Helvetica, #333, 12px, with #666 disc bullets) Sublabels: Active (Helvetica, bold, #666, all caps, ) MOST RECENT MOST VIEWED TOP RATED [Video head [Video head [Video head [Video head Sublabels: Inactive (Helvetica, bold, #ccc, all caps, ) Carousel headlines (Helvetica, #333, ) LIFE & ENTERTAINMENT VIDEO MORE VIDEOS [Video headline xyxyxy xy xyxy] [UPLOAD DATE] (00:00) SPORTS VIDEO MORE VIDEOS [Video headline xyxyxy xy xyxy] [UPLOAD DATE] (00:00) MOST RECENT MOST VIEWED TOP RATED MOST RECENT MOST VIEWED TOP RATED [Video head [Video head [Video head [Video head [Video head [Video head [Video head [Video head
19 19 II. Wrap Elements F. Left Rail Components Other Stories in Section provides list of stories from the specific subsection topic MORE [NAME OF TOPIC] HEADLINES Xyxyx xyxyx xy xx xyxyx Xyxyx xyxyx xy xx xyxyxy xyxyx Xyxyx xyxyx xy xx xyxyx Xyxyx xyxyx xy xx xyxyxy xyxyx Xyxyx xyxyx xy xx xyxyx MORE [NAME OF SECTION] Blog Feed RSS feed provides headline and abstract from most recent blog entry Appears in Left Rail of stories that have a corresponding blog Includes blog logo [TOPIC] BLOG Xyxyxy xyxy xyx xyx xyxy xyxy xyxy Xyxyx xyxy xyx xyxy xyx xyxy xyx yxyx yxyx xyx yxyx yxyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyx yxyx yxyxyxyx yxyx xyxy xyyxyxyxyxy. READ ENTIRE BLOG Affiliate Feed Promotes headlines from Dispatch.com affiliates (10tv, ONN, ThisWeek, Capital Style, Alive!) when they share story s topic List or RSS feed Includes logo variation MORE STORIES from [affiliate.com] Xyxyx xyxy xyxy xyxyyxyxy xyxy xyxy xyxy xyxyxyyxyxy xyxy xyxy xyxyyxyx Xyxyx xyxyx xy xx xyxyxy xyxyx Xyxyx xyxyx xy xx xyxyx Podcast Promo Promotes a podcast that shares the same topic as the story A 140px-wide player with headline and abstract A link to the Podcast [TOPIC] PODCAST 00:00 [Headline for related podcast] Xyxyx xyxy xyx xyxy xyx xyxy xyx yxyx yxyx xyx yxyx yxyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xy. MORE PODCASTS Xyxyx xyxyx xy xx xyxyxy xyxyx Xyxyx xyxyx xy xx xyxyx Label (Tahoma, bold, all caps, 12px, 100% line-height, with appropriate color-coding) Label: Affiliate Name (12px #999 Tahoma bold) Headline without Abstract (Georgia, #333, 16px, 120% line-height, with double arrow bullet in appropriate color) Headline with Abstract (Georgia, #000, 18px, 120% line-height, without double arrow bullet in appropriate color) Abstract (Georgia, #333, 12px, 140% line-height) Bottom Link (Helvetica, #000,, 100% line-height, all caps (if with abstract, add double arrow bullet))
20 20 II. Wrap Elements F. Left Rail Components E-Newsletter Promo Promotes Newsletters that share same topic as the story Text is hard-coded with E-Newsletter logo GET UPDATES Newsletter headline xyxyxyx Xyxyx xyxy xyx xyxy xyx xyxy xyx yxyx yxyx xyx yxyx yxyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyx yxyx yxyxyxyx yxyx xyxy xyyxyxyxyxy. Database Promo Promotes databases that are related to the story s topic Text is hard-coded with possible art element [TOPIC] DATABASE [Headline for related database] Xyxyx xyxy xyx xyxy xyx xyxy xyx yxyx yxyx xyx yxyx yxyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyxy xyx yxyx yxyxyxyx yxyx xyxy xyyxyxyxyxy. BizList Related Search Box Promotes BizList by offering search of local businesses that share story s topic (Travel, Home & Garden) [RELATED TOPIC] SEARCH Use Columbus BizList to find a [related business topic] near you. ENTER KEYWORD ENTER ZIP CODE Other Features Promo A list of links promoting related pages, blogs, databases, stat pages or other features that don t warrant their own standalone promos. Text is hard-coded Uses disc bullets and Graphic Text OTHER [TOPIC] FEATURES Link to another page Link to a less-prominent blog or database Link to sports stats, etc. Xyxyx xyxy xyxyxyxy Xyxyxyxyxyxyxy xyxyx MORE DATABASES Label (Tahoma, bold, all caps, 12px, 100% line-height, with appropriate color-coding) Headline with Abstract (Georgia, #000, 18px, 120% line-height, without double arrow bullet in appropriate color) Abstract (Georgia, #333, 12px, 140% line-height) Bottom Link (Helvetica, #000,, 100% line-height, all caps (if with abstract, add double arrow bullet) Other Features unordered list (Helvetica, #666, 140% line-height, with single bullet in appropriate color) Buttons are images
21 21 II. Wrap Elements F. Left Rail Components AP Story Feed Promotes Associated Press stories that are on the same topic as the story Uses AP feed Newspaper Subscription Promo Encourages readers to subscribe to print edition of The Columbus Dispatch Includes link to EZPay Electronic Edition Subscription Promo Encourages readers to subscribe to Electronic Edition Text is hard-coded with imagery App Promo Encourages readers to Download Dispatch.com apps Text is hard-coded with imagery [TOPIC] HEADLINES FROM AP Text is hard-coded with Xyxyx xyxyx xy xx xyxyx Xyxyx xyxyx xy xx xyxyxy xyxyx Xyxyx xyxyx xy xx xyxyx Xyxyx xyxyx xy xx xyxyxy xyxyx Xyxyx xyxyx xy xx xyxyx Subscribe to The Dispatch and save! Every day: Save 25% off the retail price Thursday Sunday: Save 20% off the retail price Sunday: An average of more than $200 in coupons each week! Already a subscriber? Enroll in EZPay and get a free gift! Enroll now The Dispatch Electronic Edition You can read The Columbus Dispatch on your computer and it looks just like our print newspaper! It s all searchable. You ll see all the news and advertisements. You get the comics. Dispatch.com and the Electronic Edition are free to print subscribers of The Columbus Dispatch newspaper and as part of a $7.95/month web-only subscription. The Dispatch for your ipad You can read The Columbus Dispatch on your ipad and it looks just like our print newspaper! Xyxyxyx Xyxyxyx Xyxyxyx Dispatch.com and the Xyxyxyxyxyx are free to print subscribers of The Columbus Dispatch newspaper and as part of a $7.95/month web-only subscription. Label (Tahoma, bold, all caps, 12px, 100% lineheight, with appropriate color-coding) Affiliate Name (#999) Headlines (Georgia, normal, #333, 16px, 120% lineheight, with double arrow bullet in appropriate color) Promo Headline (Georgia, normal, #0787a1 (news blue), 18px, 120% line-height) Intro Text (Georgia, #333, 12px, 140% line-height) Details Text (Helvetica, #666, 12px, 140% line-height) Buttons are images
22 22 III. Landing Pages A. Page Headers Top-Level Landing Pages 1 1 Hot Links: y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y News Business Crime & Safety DispatchPolitics.com SCHOOLS Walking the walk Health & Medicine Local Obituaries Schools US & World 7-Day Story Archive CRIME & SAFETY Man kills himself S A Top-Level Section Name (Tahoma, bold, 5, #000) Section Header Links (Helvetica, 12px, #999) Arrow Separator (5, #eee) S Hot Links: y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y Sports A MLB: REDS & INDIANS Phillies 4, Reds 0: Halladay CONNECT WITH SPORTS Get our RSS feed S Hot Links: y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y Opinion Editorials Stahler Cartoons DISPATCH EDITORIALS Editorial: For Ohio House Letters to the Editor Op-Ed Columns The Hot Issue 7-Day Story Archive CONNECT WITH OPINION A Xyxyxyxy 160 x Hot Links: y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y A Life&Entertainment Joe Blundo Commentary Events Horoscopes Puzzles Contests 7-Day Story Archive THEATER Theater Review EVENTS
23 23 III. Landing Pages A. Page Headers Secondary-Level Landing Pages 1 1 Hot Links: y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y Home News Science&Environment CONNECT WITH SCIENCE Get our RSS feed FOULED BY FARMS A three-day investigative series VIEW STORY INDEX S A Secondary-Level Section Breadcrumbs (Tahoma, bold, 14px, in color based on top level, with 12px #ccc double arrow bullets) Secondary-Level Section Name (Tahoma, bold, 40px, #000) Section Header Links (Helvetica, 12px, #999) S Arrow Separator (40px, #eee) Hot Links: y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y Home Sports NFL: Bengals&Browns A CONNECT WITH SPORTS MICHAEL ARACE COMMENTARY S Hot Links: y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y Home Opinion Letters to the Editor A CONNECT Get our RSS feed TODAY S LETTERS Mandel cast bad light on Republicans S Hot Links: y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y y Home Life & Entertainment Showtimes at ColumbusAlive.com Movies 7-Day index of Life & Entertainment stories A MOVIE REVIEWS & TRAILERS MORE VIDEOS Reel Talk Review: Going the Distance
24 24 III. Landing Pages B. Lead Story Options Lead Story Variations Large Horizontal Photo for Lead Story Packages Photo (Image has no border, could link to a larger version via lightbox or to the Dispatch Photo Store, where it can be purchased) Photo Credit (Helvetica, all caps, 8px, #999) Photo Caption (Helvetica, 12px, #666) [NAME OF PHOTOGRAPHER] DISPATCH Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore tatom rem aperiam eaque. BUY THIS PHOTO Headline lorem ipsum dolor sit ayet consgctetur elitg Subhead ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit omnis iste natus error sit voluptatem UPDATED 3:25 PM Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia. WATCH THE VIDEO SEE MORE PHOTOS LISTEN TO THE AUDIO MORE [TOPIC] HEADLINES Photo Caption Link (Helvetica, all caps,, #000, could link to Dispatch Photo Store, or to a Slideshow) Headline (Georgia, 38px, #000, links to story page) Subhead (Helvetica, bold, 16px, #666) Timestamp (Helvetica, all caps, 9px, #666) Update (Tahoma, bold, all caps, 9px, #000) Abstract (Georgia, 12px, #333) Bottom links (Helvetica, all caps,, #000, with appropriate icons that will be color-coded by toplevel section) Label (Tahoma, bold, 12px, in topic color) list headline (Georgia, 16px, #333) Timestamp (Helvetica, all caps, 9px, #666) Update (Tahoma, bold, all caps, 9px, #000) Hover state (bottom border: 1px, #999, dotted)
25 25 III. Landing Pages B. Lead Story Options Lead Story Variations Large VERTICAL Photo Lead Story Variations MUGSHOT Headline lorem ipsum dolor sit ayet consgctetur elitg UPDATED 3:25 PM FRIDAY, NOVEMBER 26, :54 AM Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia. WATCH THE VIDEO MORE [TOPIC] HEADLINES [NAME OF PHOTOGRAPHER] DISPATCH Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore tatom rem aperiam eaque. BUY THIS PHOTO Headline lorem ipsum dolor sit ayet consgctetur elitg Subhead ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit omnis iste natus error sit voluptatem Lorem ipsum dolor sit UPDATED 3:25 PM Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia. MORE [TOPIC] HEADLINES WATCH THE VIDEO SEE MORE PHOTOS LISTEN TO THE AUDIO
26 26 III. Landing Pages B. Lead Story Options Lead Story Variations SMALL Horizontal Photo Lead Story Variations SMALL VERTICAL/MAP Headline lorem ipsum dolor sit ayet consgctetur elitg UPDATED 3:25 PM FRIDAY, NOVEMBER 26, :54 AM Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia. WATCH THE VIDEO MORE [TOPIC] HEADLINES [NAME OF PHOTOGRAPHER] DISPATCH Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore tatom rem aperiam eaque. BUY THIS PHOTO Headline lorem ipsum dolor sit ayet consgctetur elitg Subhead ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit omnis iste natus error sit voluptatem UPDATED 3:25 PM Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia. MORE [TOPIC] HEADLINES
27 27 III. Landing Pages B. Lead Story Options Lead Story Variations NO ART Headline lorem ipsum dolor sit ayet consgctetur elitg Subhead ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit omnis iste natus error sit voluptatem UPDATED 3:25 PM Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia. WATCH THE VIDEO SEE MORE PHOTOS LISTEN TO THE AUDIO MORE [TOPIC] HEADLINES
28 28 III. Landing Pages C. Downpage Stories Secondary Stories on Landing Pages Because they are promoting so much content, the Top-Level Landing Page (News, Sports, Opinion, Life&Entertainment) give greater prominence to select stories downpage. Here are some options: SECONDARY Story Variations NO ART Horizontal photo [SUBLEVEL TOPIC] Lorem ipsum defacto lunecy blah togra baffo yo FRIDAY, SEPTEMBER 3, :14 AM WASHINGTON - Rep. Tim Ryan hails from the blue-collar, Democratic stronghold of the Mahoning Valley, but the Niles Democrat is a good example why President Barack Obama might fail to persuade Congress to go along with not extending tax cuts for the most-affluent Americans. Lorem ipsum defacto lunecy blagoyo Lorem ipsum defacto lunecy blagoyo Lorem ipsum defacto lunecy blagoyo Lorem ipsum defacto lunecy blagoyo Lorem ipsum defacto lunecy blagoyo MORE [SUBLEVEL TOPIC] [SUBLEVEL TOPIC] Lorem ipsum defacto lunecy blah togra baffo yo FRIDAY, SEPTEMBER 3, :14 AM CREDITLINE XYXYXYXY WASHINGTON - Rep. Tim Ryan hails from the blue-collar, Democratic stronghold of the Mahoning Valley, but the Niles Democrat is a good example why President Barack Obama might fail to persuade Congress to go along with not extending tax cuts for the most-affluent Americans. Lorem ipsum defacto lunecy blagoyo Lorem ipsum defacto lunecy blagoyo Lorem ipsum defacto lunecy blagoyo Lorem ipsum defacto lunecy blagoyo Lorem ipsum defacto lunecy blagoyo MORE [SUBLEVEL TOPIC] With Mugshot [SUBLEVEL TOPIC] Lorem ipsum defacto lunecy blah togra baffo yo FRIDAY, SEPTEMBER 3, :14 AM WASHINGTON - Rep. Tim Ryan hails from the blue-collar, Democratic stronghold of the Mahoning Valley, but the Niles Democrat is a good example why President Barack Obama might fail to persuade Congress to go along with not extending tax cuts for the most-affluent Americans. Lorem ipsum defacto lunecy blagoyo Lorem ipsum defacto lunecy blagoyo Lorem ipsum defacto lunecy blagoyo Lorem ipsum defacto lunecy blagoyo Lorem ipsum defacto lunecy blagoyo MORE [SUBLEVEL TOPIC] for Secondary Story Packages Secondary Headline (Georgia, 24px, #000) Subhead (Helvetica, 16px, #666) Timestamp (Helvetica, all caps, 9px, #666) Update (Tahoma, bold, all caps, 9px, #000) Abstract (Georgia, 12px, #333) Bottom links (Helvetica, all caps,, #000) Photo Credit (Helvetica, all caps, 8px, #999) Photo Caption: No caption for Secondary Story Packages
29 29 III. Landing Pages D. List Options List variations Label color matches top-level topic (News, Sports, Opinion, Life&Ent), which also serves as a link to the sub-level topic landing page Headline and any art will link to story page 1 1 TOPIC LOREM Headline lorem ipsum dolor sit aymet Subhead orem ipsum dolor sit amet, consectetur adipiscing elit UPDATED 3:15 A.M. XYXYXYXYXYYXY XX, XXXX Abstract lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum ullamcorper volutpat. Proin sit amet risus a velit faucibus venenatis eget quis sem. Vestibulum in dolor non quam faucibus eleifend blandit ut mi. LINK LOREM IPSUM TOPIC LOREM Headline lorem ipsum dolor sit agymet UPDATED 3:15 A.M. XYXYXYXYXYYXY XX, XXXX Abstract lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum ullamcorper volutpat. Proin sit amet risus a velit faucibus venenatis eget quis sem. Vestibulum in dolor non quam faucibus eleifend blandit ut mi. LINK LOREM IPSUM TOPIC LOREM Headline lorem ipsum dolor sit aymet Abstract lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum ullamcorper volutpat. Proin sit amet risus a velit faucibus venenatis eget quis sem. Vestibulum in dolor non quam faucibus eleifend blandit ut mi. TOPIC LOREM Headline lorem ipsum dolor sit amyet UPDATED 3:15 A.M. XYXYXYXYXYYXY XX, XXXX Headline lorem ipsum dolor sit 1 amyet UPDATED 3:15 A.M. XYXYXYXYXYYXY XX, XXXX Headline lorem ipsum dolor sit amyet UPDATED 3:15 A.M. XYXYXYXYXYYXY XX, XXXX LINK LOREM IPSUM TOPIC LOREM Headline lorem ipsum dolor sit amet Headline lorem ipsum dolor sit amet Headline lorem ipsum dolor sit amet LINK LOREM IPSUM LINK LOREM IPSUM (1) (2) (3) (4) (5) Headline Headline Headline Headline Headline Subhead Timestamp Abstract Timestamp Timestamp Abstract Abstract HEADLINES WITH ABSTRACT: Label (Tahoma, bold, 12px, in topic color) Headline (Georgia, 18px, #000) Subhead (Helvetica, bold, 12px, #666) Timestamp (Helvetica, all caps, 9px, #666) Update (Tahoma, bold, all caps, 9px, #000) Abstract (Georgia, 12px, 140% line-height, #333) Bottom link (Helvetica, all caps,, #000, with double arrow bullet in top-level section color) HEADLINES WITHOUT ABSTRACT: Label (Tahoma, bold, 12px, in topic color) Headline (Georgia, 16px, #333) Timestamp (Helvetica, all caps, 9px, #666) Update (Tahoma, bold, all caps, 9px, #000) Bottom link (Helvetica, all caps,, #000, without double arrow bullet) Hover state (bottom border: 1px #999 dotted) Hover state (bottom border: 1px #999 dotted)
30 9 March 2011 dispatch.com design style guide 30 III. Landing Pages E. Carousels Story Carousel Promotes stories with a longer shelf life, such as weekly Life & Entertainment sections and Special Reports Text is hand-coded with consistently sized art LIFE & ENTERTAINMENT MORE STORIES PREV NEXT Label (Tahoma, bold, all caps, 12px, color based on top-level section) [Section Name] [Section Name] Xyxyxy xyxyxy Xyxyxy xyxyxy xyxy xy xyxyxy xyxy xy xyxyxy xyxyxyx xyx xyxy xyxyxxy xyxyxyx xyx xyxy xyxyxxy xyxyxy x xxyxy xyxyxy x xxyxy SPECIAL REPORTS MORE STORIES [Section Name] Xyxyxy xyxyxy xyxy xy xyxyxy xyxyxyx xyx xyxy xyxyxxy xyxyxy x xxyxy [Section Name] Xyxyxy xyxyxy xyxy xy xyxyxy xyxyxyx xyx xyxy xyxyxxy xyxyxy x xxyxy PREV NEXT More stories link (Helvetica, all caps,, #000, with #000 double arrow bullet) Prev/Next (Helvetica, bold, all caps,, #CCC, with 16px #CCC single arrow directions and line) Series/Section name (Tahoma, bold, 14px, #666) Description (Helvetica, 12px, #333) [Series Name] Xyxyxy xyxyxy xyxy xy xyxyxy xyxyxyx xyx xyxy xyxyxxy xyxyxy x xxyxy [Series Name] Xyxyxy xyxyxy xyxy xy xyxyxy xyxyxyx xyx xyxy xyxyxxy xyxyxy x xxyxy [Series Name] Xyxyxy xyxyxy xyxy xy xyxyxy xyxyxyx xyx xyxy xyxyxxy xyxyxy x xxyxy [Series Name] Xyxyxy xyxyxy xyxy xy xyxyxy xyxyxyx xyx xyxy xyxyxxy xyxyxy x xxyxy Event Carousel Promotes featured events from Columbus Alive s calendar Text is from a feed Carousel scrolls horizontally using jquery Label (Tahoma, bold, all caps, 12px, life orange) Affiliate Name (#999, upper and lower case) 1 1 FEATURED EVENTS from ColumbusAlive.com HELVETICA BOLD 10PX Tahoma B # #000 Event Location: #666 Helvetica 12px description of event goes right here goes right... XXXDAY Ray Charles Tribute Lincoln Theatre: Black History Month celebration featuring performances by Roger Hines, Stan... MORE EVENTS AT COLUMBUSALIVE.COM SUBMIT YOUR EVENTS XXXDAY PREV NEXT Clash of the Titans Skully s Music Diner: Beat competition between Supanatra, A.U. B Banga, and others. Date label (Helvetica, bold, all caps, 12px, #000) Event name (Tahoma, bold, 14px, #666) Location (Helvetica, normal, 12px, #000) Description (Helvetica, 12px, #666) More events link (Helvetica, all caps,, #000) Prev/Next (Helvetica, bold, all caps,, #CCC, with 16px #CCC single arrow directions and line)
31 31 III. Landing Pages F. Connect Box Connect Box Appear at the top of the left rail on Top and Sub-topic Landing pages only. If a Sub-topic landing page has its own Facebook and/or Twitter accounts, then they will be listed below the traditional Connect Box, with a Facebook Like Box or Twitter Feed. Label color matches top-level topic (News, Sports, Opinion, Life&Ent) Text is 12px Helvetica normal #666, becoming #000 on hover Also Connect With label is Helvetica bold all caps #666 Most have Dispatch links only: 3px space 1px #eee line 3px space } 12px icon CONNECT WITH US Facebook Twitter E-Newsletters RSS Feeds Mobile Text Alerts If subtopic has facebook and twitter, facebook only, or twitter only: CONNECT WITH US Facebook CONNECT WITH US Facebook CONNECT WITH US Facebook Twitter Twitter Twitter E-Newsletters E-Newsletters E-Newsletters RSS Feeds RSS Feeds RSS Feeds Mobile Text Alerts Mobile Text Alerts Mobile Text Alerts ALSO CONNECT WITH [SECTION TOPIC] ALSO CONNECT WITH [SECTION TOPIC] ALSO CONNECT WITH [SECTION TOPIC] Facebook Like Box goes here Facebook Like Box goes here Twitter feed goes here Follow [Section Topic] on Twitter
32 32 IV. Story Pages A. Story Page Options No images Large horizontal image 6 wide image
33 33 IV. Story Pages A. Story Page Options large vertical image square image 460px wide image 300px wide image
34 34 IV. Story Pages A. Story Page Options small image video player 140px wide image 6 wide video player Note: All of these Story Options might have the option of a multi-page layout for especially lengthy stories
RHYMES WITH HAPPIER!
RHYMES WITH HAPPIER! Title Subtitle Date Title Subtitle Date Title Subtitle Date Title Subtitle Date WHO AM I? First Last Body copy Quick Facts about Zapier HQ: San Francisco, CA 100% Remote 145 Employees
More informationQUANTUM BRAND IDENTITY. V.3 / Apr 2018
QUANTUM BRAND IDENTITY V.3 / Apr 2018 BRAND PALETTE The building blocks for communicating the Quantum Brand Identity in a unified visual system are comprised of core elements including logo, color, and
More informationOPTIQUE BRAND GUIDELINES PRESENTATION
OPTIQUE BRAND GUIDELINES PRESENTATION 1 INDEX 3 Logotype presentation 4 Logotype personalized typography 5 Construction grid 6 Minimum logo legibility 7 The exclusion zone 14 Brand pattern 15 Brand imagery
More informationFOR THOSE WHO DO. Lenovo Annual Report
FOR THOSE WHO DO. Lenovo Annual Report 2014 CONTENTS 2 6 About Lenovo 4 Financial Highlights 5 Chairman & CEO Statement Performance About Lenovo Lenovo is one of the world's leading personal technology
More informationCreating An Effective Academic Poster. ~ A Student Petersheim Workshop
Creating An Effective Academic Poster ~ A Student Petersheim Workshop 11 Seconds Poster Graphics and Pictures Headlines and Subheadings Poster Copy PRINCIPLES OF DESIGN BALANCE Visual balance comes
More information3. Graphic Charter / 3.5 Web design
BRAND GUIDELINES I. Introduction SusChem s web presence is one important way to present the European Technology Platform for Sustainable Chemistry to the world and to connect stakeholders, partners, policy
More informationTITLE. Tips for Producing a Newsletter IN THIS ISSUE
TITLE UNIT NAME DATE Advantages of a Newsletter The purpose of a newsletter is to provide specialized information to a targeted audience. Newsletters can be a great way to market yourself, and also create
More informationCOLORS COLOR USAGE LOGOS LOCK UPS PHOTOS ELEMENTS ASSETS POWERPOINT ENVIRONMENTAL COLLATERAL PROMO ITEMS TABLE OF CONTENTS
COLORS COLOR USAGE LOGOS LOCK UPS PHOTOS ELEMENTS ASSETS POWERPOINT ENVIRONMENTAL COLLATERAL PROMO ITEMS TABLE OF CONTENTS PANTONE 349 HEX 026937 RGB 2, 105, 55 CMYK 90, 33, 100, 26 PANTONE 7489 HEX 73A950
More informationIntermediate District 288. Brand Manual. Visual Identity Guide
Intermediate District 288 Brand Manual Visual Identity Guide SWMetro District Office 792 Canterbury Road, Suite 211 Shakopee, MN 55379 (952) 567.8100 Overview The SouthWest Metro Intermediate District
More informationVISUAL IDENTITY STARTER KIT FOR ENSURING OUR COMMUNICATIONS ARE COHESIVE, CONSISTENT AND ENGAGING 23 OCTOBER 2008
VISUAL IDENTITY STARTER KIT FOR ENSURING OUR COMMUNICATIONS ARE COHESIVE, CONSISTENT AND ENGAGING 23 OCTOBER 2008 Contents 1 Logo colourways and artworks: Colour combinations for use on different background
More informationConnected TV Applications for TiVo. Project Jigsaw. Design Draft. 26 Feb 2013
Connected TV Applications for TiVo Project Jigsaw Design Draft 26 Feb 2013 UI Design Connected TV application for TiVo Project Jigsaw 2 Overview LAUNCH POINT The goal of Project Jigsaw is to create a library
More informationBRAND GUIDELINES All rights reserved.
BRAND GUIDELINES 2017. All rights reserved. LOGO :: INTRODUCTION The Live Purple Logo Mark the most recognizable visual brand element differentiates itself from similar cause based fundraisers. The mark
More informationVisual identity guideline. BrandBook BLOOMINGFELD. Brandbook 2016.
BrandBook 2016. Logo. Correct color use Typeface BLOOMING FELD Brandon Grotesque Black Brandon Grotesque Regular ABCDEFGHIJKLMNOPQR STUVWXYZ ABCDEFGHIJKLMNOPQR STUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
More informationTITLE - Size 16 - Bold
EDCE 2010-2011 - Size 12 - Normal Conceptual Design of Structures - Size 12 - Normal Instructor: A. Muttoni, R. Salvi, P. Wahlen - Assitant: T. Clément - Author: X. Name - TITLE - Size 16 - Bold Pier Luigi
More informationColors. F0563A Persimmon. 3A414C Cobalt. 8090A2 Slate Shale. C4CDD6 Alloy Coal. EFF3F5 Silver. EDF3F9 Horizon.
Colors Brand Primary F0563A Persimmon 3A414C Cobalt Secondary Brand 333943 Coal 697582 Shale 8090A2 Slate C4CDD6 Alloy E1E6EB Platinum EFF3F5 Silver EDF3F9 Horizon FFFFFF White Interaction 0088A9 Ocean
More informationCompassion. Action. Change.
DRAFT GRAPHIC STANDARDS GUIDE Contents 3 Overview 4 Tagline 6 Imagery 7 Identity Overview 8 CalMHSA Logo 10 Logo Usage 12 CalMHSA Logo Configurations 14 Color Palette 15 Typography 19 Design Samples GRAPHIC
More informationThe best CMS for digital newspapers
The best CMS for digital newspapers POWERED BY Photo by William Iven 1 INTRODUCTION Our main goal, at Openhost, is not only to improve our Opennemas CMS user experience, but also to help our customers
More information.and we ll give you 100 to say thank you
The digital bank Windows Internet Explorer http://www.anybank.co.uk/distinction Open an anybank current account today. Get our award winning Distinction Account 5 mobile banking app No monthly fees* Earn
More informationBrand Guidelines MAY 2016
Brand Guidelines MAY 2016 CONTENT LOGO 1-11 COLORS 12 TYPOGRAPHY 13-14 STYLE 15-19 STATIONARY 20-30 including: BUSINESS CARD 21-22 LETTERHEAD 23 EMAIL SIGNATURE 24 CLIENT PROPOSAL & REPORT 25-26 NEWSLETTER
More informationPersonal brand identity desigend by JAVIER
Personal brand identity desigend by JAVIER Logo conceptualization Concept Shape the Z is the base, if you observe I ve placed Color The concept was designed using the The use of the AZ is a great idea,
More informationTimon Hazell, LEED AP Senior BIM Engineer. Galen S. Hoeflinger, AIA BIM Technologist Manager
Timon Hazell, LEED AP Senior BIM Engineer Galen S. Hoeflinger, AIA BIM Technologist Manager Find Joy in Your Work The Human Aspect The Human Aspect Importance of Architecture Know People The Human Aspect
More informationBrand Usage Guide must any all logo files Word templates
Brand Usage Guide You must refer to this guide for any use of the Stsʼailes logo or Brand. The enclosed CD contains all logo files and Word templates for use. For the latest files go to: www.stsailes.com/brand
More informationBOOTSTRAP AFFIX PLUGIN
BOOTSTRAP AFFIX PLUGIN http://www.tutorialspoint.com/bootstrap/bootstrap_affix_plugin.htm Copyright tutorialspoint.com The affix plugin allows a to become affixed to a location on the page. You can
More informationThe L A TEX Template for MCM Version v6.2
For office use only T1 T2 T3 T4 Team Control Number 0000 Problem Chosen A 2016 MCM/ICM Summary Sheet For office use only F1 F2 F3 F4 The L A TEX Template for MCM Version v6.2 Summary Lorem ipsum dolor
More informationExample project Functional Design. Author: Marion de Groot Version
Example project Functional esign uthor: Marion de Groot Version 1.0-18-4-2013 Table of contents 3 Introduction Requirements gathering 4 Use cases 5 Use case flow diagram 6 Users and Rights 7 Requirements
More informationBrand identity design. Professional logo design + Branding guidelines + Stationery Designed by JAVIER
Brand identity design Professional logo design + Branding guidelines + Stationery Designed by JAVIER Logo conceptualization Concept Shape Typography Color After reading the information provided After some
More informationBrand identity guidelines
Brand identity guidelines CONTENTS 1 LOGO 5 COLOUR 6 TYPEFACE 8 SIGNAGE These guidelines are to help you understand the PACIFIC ALUMINIUM visual brand. The following pages demonstrate how the PACIFIC ALUMINIUM
More informationMKA PLC Controller OVERVIEW KEY BENEFITS KEY FEATURES
1881 OVERVIEW The ezswitch Controller is a compact PLC for the modular. In addition to providing commonly used network and Fieldbus interfaces, the controller supports all digital, analog and speciality
More informationThe POGIL Project Publication Guidelines
1 The POGIL Project Publication Guidelines Publication Submission Checklist 2 IN ORDER TO be published, you are required to review each item below before submitting your documents to The POGIL Project.
More informationThe Header Text. The Header Text. The Header Text. Company. Company. Dropdown. Button. Button. Button. Button. Button. Button. Amount.
Company People 84 Violations 42 Statistics Settings Profile Company People 84 Violations 42 Statistics Settings Edit All users Create Verified Delete Left Left Left Middle Middle Right Right Banned Append
More informationNCATS Branding System. Branding Elements 2 Color Palette 3 Typography 4 Imagery 5-6 Iconography 7 Applications 8-16
NCATS Branding System Branding Elements 2 Color Palette 3 Typography 4 Imagery 5-6 Iconography 7 Applications 8-16 2 Branding Elements The branding concept represents the five areas of NCATS translational
More informationAccess Online. Create New Account Define Product Settings Required Fields (unless mentioned as optional) Product (Bank) Agent.
Create New Account 1 2 3 4 1. Define Product Settings Required Fields (unless mentioned as optional) Product (Bank) 1234 Agent 1456 Company 5674 Department (optional) 1456 Division (optional) 3321 Search
More informationCondition of the Mobile User
Condition of the Mobile User Alexander Nelson August 25, 2017 University of Arkansas - Department of Computer Science and Computer Engineering Reminders Course Mechanics Course Webpage: you.uark.edu/ahnelson/cmpe-4623-mobile-programming/
More informationPaper Template for INTERSPEECH 2018
Paper Template for INTERSPEECH 2018 Author Name 1, Co-author Name 2 1 Author Affiliation 2 Co-author Affiliation author@university.edu, coauthor@company.com Abstract For your paper to be published in the
More informationAmplience Content Authoring Cartridge for Salesforce Commerce Cloud
Amplience Content Authoring Cartridge for Salesforce Commerce Cloud Makes it easy to integrate Amplience-created content modules with Commerce Cloud page templates. The result? Seamless content and commerce
More informationThe Next Big Thing Prepared for Meeting C
The Next Big Thing Prepared for Meeting C++ 2018 Andrei Alexandrescu, Ph.D. andrei@erdani.com November 15, 2018 1 / 48 Squeaky Wheel Gets the Grease 2 / 48 ( Those were the most cringey minutes of the
More informationTITLE SUBTITLE Issue # Title Subtitle. Issue Date. How to Use This Template. by [Article Author] Article Title. Page # Article Title.
TITLE SUBTITLE Issue # Title Subtitle Issue Date TYPE TAGLINE HERE IN THIS ISSUE How to Use This Template Article Title Page # Article Title Page # TITLE SUBTITLE Issue # 2 Using Styles by Name Style HEADING
More informationTUSCALOOSA CITY SCHOOLS Graphic Standards and Logo Use Guide
TUSCALOOSA CITY SCHOOLS Graphic Standards and Logo Use Guide THE LOGO: Primary Version Concept: Fresh Modern Symbolic Rationale: The new logo gives the education system a fresh and modern appeal. Tuscaloosa
More informationALWAYS MOVING FORWARD MIDWAY S GRAPHIC IDENTITY STANDARDS MANUAL
ALWAYS MOVING FORWARD MIDWAY S GRAPHIC IDENTITY STANDARDS MANUAL OVERVIEW The Midway Branding Standards is a reference tool that provides standards and guidelines for all usage of graphics in order to
More informationAR0051 content/style. Michelle Bettman Henry Kiksen. Challenge the future
AR0051 content/style Michelle Bettman Henry Kiksen Challenge the future 1 AR0051: Digital Presentation Portfolio Today's Programme: A little on HTML/CSS Group-wise mind-map on Content and Style Discussion
More informationUnit 20 - Client Side Customisation of Web Pages WEEK 5 LESSON 6 DESIGNING A WEB-SITE
Unit 20 - Client Side Customisation of Web Pages WEEK 5 LESSON 6 DESIGNING A WEB-SITE Today s tasks This lesson is on the wiki: Design Exercise (for A3); corporate theme in primary design 3rd November
More informationMy tags Ornare sociosqu, magna, nunc, erat duis, elit malesuada, arcu, quam ut. > View all. Recommended content
Notes 0.2.1 My Shortlist - My Shortlist My tags Subscriptions Account details Admin console Quick notes: - Admin console link: displays only for government users that have rights to access their country
More informationUser Guide. Version 2.3.0,
User Guide Version 2.3.0, 2018-01-21 Table of Contents Introduction...6 Features...7 Installation...9 Uninstall...9 Quick Start...10 Settings...12 Block name...13 Block code...14 Simple editor for mobile
More informationMaster Thesis: An E-Marketing Plan For FORTEKS Fordonsteknik i Stockholm AB: A Hands-On Approach. Project Examiner Peter Sjödin
Master Thesis: An E-Marketing Plan For FORTEKS Fordonsteknik i Stockholm AB: A Hands-On Approach Project Examiner Peter Sjödin KTH Supervisor Lena Ramfelt Industry Supervisor Rogerio Shimmori Student Gökhan
More informationA Road To Better User Experience. The lonely journey every front-end developer must walk.
A Road To Better User Experience The lonely journey every front-end developer must walk. Kotaro Fujita kut@tomatoboy.co Web/iOS/Game Development AGENDA What is UI/UX? Idealized Workflow Realities Random
More informationWandle Valley Branding Guidelines 1
Wandle Valley Branding Guidelines 1 Produced: November 2013 by Barker Langham 2 Contents Introduction Logo Colour palette Typeface and hierarchy Brand usage Co-branding 4 5 12 14 16 26 3 Introduction Wandle
More informationVisual Identity and Messaging Guidelines
Visual Identity and Messaging Guidelines Understanding and Managing Our Identity Version 1.3 December 2013 Contents These guidelines introduce the Outerwall TM brand and outline the basic rules for using
More informationUser Guide. Version 2.3.9,
User Guide Version 2.3.9, 2018-05-30 Table of Contents Introduction...6 Features...7 Installation...9 Uninstall...9 Quick Start...10 Settings...13 Block name...14 Block code...15 Quickly disable insertion...15
More informationthe Jackson hole backcountry A Comprehensive Guide
the Jackson hole backcountry A Comprehensive Guide Contents CHAPTER 1 A complete guide to all zones accessible from the tram CHAPTER 2 Hidden lines of Teton Pass, a detailed map CHAPTER 3 The best zones
More informationInvoice Visual Design Specifications MEC
Invoice Visual Design Specifications MEC Author Dean Ashworth Version 01.02 Last Updated February 1, 2012 Page 1 Invoice Visual Design Specifications MEC Contents Note on sizes & scale... 1. Request Money....
More informationVISUAL. Standards Guide
VISUAL Standards Guide Published: August 19, 2013 TABLE OF CONTENTS This is the approved Visual Standards Guide for Southeastern Community College. All logos and symbols in this manual are the property
More informationBOWIE FARMERS MARKET. Anne Bontogon Campaign Bowie Farmers Market
BOWIE FARMERS MARKET Anne Bontogon Campaign Bowie Farmers Market Research Competition: Bowie Farmers Market is provides fresh produce, fruit, meat and poultry in the Bowie community. Its competitors are
More informationUser Manual. Version ,
User Manual Version 2.3.13, 2018-07-20 Table of Contents Introduction...6 Features...7 Installation...9 Uninstall...9 Quick Start...10 Settings...13 Block name...14 Block code...15 Quickly disable insertion...15
More informationFormatting Theses and Papers using Microsoft Word
Formatting Theses and Papers using Microsoft Word (CDTL) National University of Singapore email: edtech@groups.nus.edu.sg Table of Contents About the Workshop... i Workshop Objectives... i Session Prerequisites...
More informationAre You Using Engagement TilesTM?
Are You Using Engagement TilesTM? These interactive, easily embeddable tiles will convert website engagement into email subscribers and in-store customers with just one click! Coupon Tile: Send coupons
More informationCreating Websites without Code. Jesse Clark, Webmaster University of Northern Colorado
Creating Websites without Code Jesse Clark, Webmaster University of Northern Colorado Jesse.Clark@unco.edu Learning Code HTML and CSS Code Academy Khan Academy Tutsplus.com Lynda.com ($) Part of LinkedIn
More informationFor instructions to change the logo, please refer to: ore
Header Phone Number, Email and Menu Links: To change Email and Phone number; Go to Settings -> General -> Store Settings Click on the " Store " tab Scroll down to the " Merchant Information " section of
More informationtemplate guidelines. 1. Visual identity 2. How to build an
Email template guidelines 1. Visual identity 2. How to build an email 1. Visual identity There are four main elements of an email s visual identity: University logo Typography Colour Imagery University
More informationThis page presents most of typographical aspects of JA Drimia. Make your readers happy with great Typography and User Experience!
This page presents most of typographical aspects of JA Drimia Make your readers happy with great Typography and User Experience! This is an Heading 1 Lorem tortor Curabitur urna interdum Maecenas ut felis
More informationG2E Web Banners: 200 x 100 Signature. 160 x 160 Social Media. 125 x 125 web button
G2E Web Banners: 200 x 100 Email Signature 160 x 160 Social Media We will generate a special coded link just for you. After you submit your order, you will receive an email (see sample below) with your
More informationRML Example 48: Paragraph flow controls
RML (Report Markup Language) is ReportLab's own language for specifying the appearance of a printed page, which is converted into PDF by the utility rml2pdf. These RML samples showcase techniques and features
More informationMBCA Section Newsletter Required Content Guidelines
MBCA Section Newsletter The attached newsletter template, developed by the National Business Office of the Mercedes-Benz Club of America along with Mr. Stacy Rollins, Newsletter Committee Chairman, was
More informationFiducial - Designers & Developers
Fiducial - Designers & Developers Chateau Group Arquitectonica Fortune International Group Bonan Fiducial - Designers & Developers (Placed) User has placed the Designers & Developers fiducial on the table.
More informationCSE 154 LECTURE 5: FLOATING AND POSITIONING
CSE 154 LECTURE 5: FLOATING AND POSITIONING The CSS float property property float description side to hover on; can be left, right, or none (default) a floating element is removed from normal document
More informationPresentation title placeholder, can be two lines Presentation subtitle placeholder. Date placeholder
Presentation title placeholder, can be two lines Presentation subtitle placeholder Date placeholder Presentation title placeholder Presentation title one line only Presentation subtitle placeholder Date
More informationSearch this location only. At A Glance. 3 pending tasks. 3 new messages ing elit, sed do eiusmod tempor incididunt ut.
this location only pending tasks new messages daniel joined group Climate Change 2 Day today at 2:5 today at :2 : Inbox My Work My Watched Pages All Mark as: Read Unread Watched Unwatched Committee Overview
More informationcosmos a tech startup
a tech startup Logo Business Card Lorem Ipsum company director Street name City, State, Zipcode (555) 555-5555 lorem@ipsum.com www.loremipsum.com Lorem ipsum dolor sit amet, consectetur adipiscing elit.
More informationMaxis brand guide. OOH guidelines. Version 1.0
Maxis brand guide OOH guidelines Version 1.0 Core elements Colours Colour palette - print Squiggle exists only in one colour. Maxis Shock Green. This is the primary, go-to colour and should be the most
More informationPortfolio. Site design, wireframes and other diagrams. Abigail Plumb-Larrick. Plumb Information Strategy
Portfolio Site design, wireframes and other diagrams Plumb Information Strategy abigail@plumbinformation.com (917) 698-5511 NOTES and CALLOUTS Contents 1. Portfolio of design/ux work A. Shipping flow C.
More informationThis page presents most of typographical aspects of JA Teline iii. Make your readers happy with great Typography and User Experience!
This page presents most of typographical aspects of JA Teline iii. Make your readers happy with great Typography and User Experience! This is an Heading 1 Lorem tortor Curabitur urna interdum Maecenas
More informationBrand Guide. Last Revised February 9, :38 PM
Brand Guide Last Revised February 9, 2016 2:38 PM The Trinity brand is current, energetic and strong. Through textures, images, typography and color it has the versatility to be playful and trendy as well
More informationVersion 1.4 March 15, Notes Bayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) Information Architecture Wireframes
Notes Author Version Comments Mick Rosolek.0 Initial Draft Mick Rosolek. First Round Edits Mick Rosolek.2 Additional Edits Mick Rosolek.3 Amendment Mick Rosolek.4 Amendment Site Map - Page of 4 0.0 Pre-Engagement
More informationROYAL LEAMINGTON SPA: THE SUBLIME REGAL EXPERIENCE 3. THE BIG IDEA
TOOLKIT 2 2. INTRODUCTION INTRODUCTION TO THE TOOLKIT TO THE BRAND Royal Leamington Spa is a unique and individual town. Full of independent shops and businesses, it supplies its residents and visitors
More informationFACEBOOK TEMPLATE. Cover Photo. download template. profile pic ABOUT VIDEO APP IMAGE PHOTO THUMBNAIL
FACEBOOK TEMPLATE Page 1 16 176 Cover Photo 851x315 563 MOBILE SAFE AREA profile pic 180x180 displays as 160x160 667 64 CTA Like Message ABOUT ABOUT VIDEO download template Please see following pages (2-9)
More informationCity of Literature Branding
Branding The logo is based upon letterpress print techniques to demonstrate Manchesters history with literature in physical form. It is designed to be responsive so has different versions dependant on
More informationTeach Yourself Microsoft Publisher Topic 2: Text Boxes
Teach Yourself Microsoft Publisher Topic 2: Text Boxes http://www.gerrykruyer.com In this second Microsoft Publisher lesson, you will look at Publisher Text Boxes and how they are different to MS Word
More informationPOSTER PRESENTATION GUIDELINES
POSTER PRESENTATION GUIDELINES This guide is designed to help you set up a professional looking poster presentation using PowerPoint software and walk you through the printing process from start to finish.
More informationIdentity Guidelines Version_1
Identity Guidelines Version_1 2 Introducing Dearne Valley Landscape Partnership For more help and advice contact: Richard King Landscape Partnership Development Officer T. 01226 772131 E. richardking@barnsley.gov.uk
More informationRow 1 This is data This is data
mpdf TABLES CSS Styles The CSS properties for tables and cells is increased over that in html2fpdf. It includes recognition of THEAD, TFOOT and TH. See below for other facilities such as autosizing, and
More informationRow 1 This is data This is data. This is data out of p This is bold data p This is bold data out of p This is normal data after br H3 in a table
mpdf TABLES CSS Styles The CSS properties for tables and cells is increased over that in html2fpdf. It includes recognition of THEAD, TFOOT and TH. See below for other facilities such as autosizing, and
More informationnjoy Brandmark njoy Logo Usage Guide January 2015
njoy Brandmark njoy Logo Usage Guide January 2015 Summary The njoy Brandmark 01 njoy Personality 02 The njoy logo 03 The njoy Smiley 04 Defining the exclusion zone 05 "J" Spacing 06 Logo Construction 07
More informationBrand guidelines. Introduction These guidelines define the basic elements of the Concept Smoke Screen brand.
Brand Guidelines Brand guidelines Introduction These guidelines define the basic elements of the Concept Smoke Screen brand. There are very few rules, but please take the time to read and understand how
More informationMaking the New Notes. Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems
Making the New Notes Community Cooperation Concepts Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems Making the New Notes Community
More informationCEU BRAND GUIDELINES
CEU BRAND GUIDELINES THE CEU SEAL THE CEU LOGO The CEU Seal shall be used for highly formal documents and records, which require authentication. (transcript of records, diploma, certificates) The CEU Logo
More informationLARK BISTRO LOGO & WEBSITE DESIGN PROPOSAL
LARK BISTRO LOGO & WEBSITE DESIGN PROPOSAL Prepared for: Susan Lark Prepared by: Wes McDowell September 30, 2011 Section 1 Client Background Lark is a startup bistro & wine bar in downtown Seattle. Their
More informationBrand guidelines These guidelines are a work in progress.
Brand guidelines 2018 Guidelines These brand guidelines are designed to provide relevant, practical insights into how the Expedia Group brand purpose and strategy can be visually articulated. This guide
More informationGestures: ingsa GESTURES
GESTURES FORWARD AND BACKWARD SWIPE RIGHT TO GO TO THE NEXT SCREEN OR SWIPE LEFT TO GO TO THE PREVIOUS SCREEN IN THE STORY FLOW SELECT TAP WITH 1 FINGER TO NAVIGATE THOROUGH AN INTERACTIVE ITEM (SCENES)
More informationCHI LAT E X Ext. Abstracts Template
CHI LAT E X Ext. Abstracts Template First Author author1@anotherco.com Second Author author2@anotherco.com Third Author author3@anotherco.com Fourth Author author5@anotherco.com Fifth Author author6@anotherco.com
More informationCustomer Journey EIV and emsfaa. January 2018
Customer Journey EIV and emsfaa January 2018 1 Electronic Identity Verification (EIV) 2 Step 0 After the student applies and is approved for student financial assistance funding, they receive a Notice
More informationWhitepaper. Call to Action
Whitepaper Call to Action The Call to Action When companies send emails, the first goal would be that subscribers open the email. The next step would be that all of them actually read the email. And the
More informationIndex. ChannelEngine. Our users. Product. Writing. Tone-of-voice. Colors. Color Combinations. Typography - Fonts. Typography - Rules. Logo.
Brandbook Index ChannelEngine Our users Product Writing Tone-of-voice Colors Color Combinations Typography - Fonts Typography - Rules Logo Elements 2 2 3 4 4 5 6 7 8 9 10 1 ChannelEngine ChannelEngine
More informationlogo graphic will go here
I will be creating a web site that will promote my freelance graphic design and photography business. I will outline my business and display of my commercial photography, print and web design. Having a
More informationAbstract. Author summary. Introduction
1 3 4 5 6 7 8 9 10 11 1 13 14 15 16 17 18 19 0 1 3 4 5 6 7 8 9 30 31 3 33 34 35 36 37 38 Abstract sodales vulputate auctor. Nam lacus felis, fermentum sit amet nulla ac, tristique ultrices tellus. Integer
More informationCertified Organisation logo guidelines. Version 1.0 April 2018
Certified Organisation logo guidelines Colour logo for use on white or clear backgrounds Logo overview The TEC Quality logo is an important part of our visual identity. The logo communicates that quality
More informationStyle guide. March 2017 CC BY 4.0 The Tor Project
Style guide March 2017 CC BY 4.0 The Tor Project Introduction The visual identity of software is an integral part of its user experience. Correctly using a consistent and attractive style is important
More informationInsights. Send the right message to the right person at the right time.
Insights Send the right message to the right person at the right time. StreamSend Insights Guide www.streamsend.com What is StreamSend Insights? StreamSend Insights is a powerful marketing automation platform
More informationFARÉCLA TRADE BRAND GUIDELINES
FARÉCLA TRADE BRAND GUIDELINES FARÉCLA TRADE BRAND GUIDELINES. WHY BRAND GUIDELINES ARE IMPORTANT? These brand guidelines are to be used to control the look and feel of Farécla s visual apperance. They
More informationOCTOBER 16 NEWSLETTER. Lake Mayfield Campground OR-LOW GOOD TIMES
a OR-LOW GOOD TIMES OCTOBER 16 NEWSLETTER Lake Mayfield Campground by Nan O. The October camp out was a joint adventure with hosts Nor West LoWs. We arrived on Monday, October 10 th and stayed three nights.
More informationCreating Websites without Code. Jesse Clark Manager of Web Communications University of Northern Colorado
Creating Websites without Code Jesse Clark Manager of Web Communications University of Northern Colorado Learning Code HTML and CSS Free CodeAcademy.com KhanAcademy.org Tutsplus.com Paid Lynda.com (part
More informationOverly Companies (OSA, BRICO)
Overly Companies (OSA, BRICO) Website Redesign & Development Functional Wireframes Version 1.1 2016 All Rights Reserved. Overly Companies Website Redesign and Development Functional Wireframes, V.1.1 2
More information