COM322_MW_webstyle_guide

Alessandra Brainard 1440 Web Size Web Design St yle Guide Min Width: 320 Min Height: 500 October 9, 2017StylisticPhotos A Side fonts B Bar Title (48 pt thin) Hello, Home Footer My Name is Who Am I Alessandra CONTACT ME: Brainard Career Subtitles (30 pt bold)Leadership Color Here’s a little about Travel me.Portfolio Body (18 pt medium) Contact I am a Senior at Elon University in North Carolina. I am concentrating in Strategic Communications and minoring in Political Science and Computer Science on a Pre-Law Track. 157 104 210 51 188 160 106 215 52 193 189 125 252 61 227 #9DA0BD #686A7D #D2D7FC #33343D #D2D7FC

Elon Volunteers! Style GuideFontsHeaders: Vanguard, BoldSize: 16 ptBody: Avenir, RomanSize: 14 ptCaptions: Avenir, RomanSize: 10 ptColorsBlack: #00000RGB Decimal: 0, 0, 0CMYK: 0.00, 0.00, 0.00, 1.00White: #ffffffRGB Decimal: 255, 255, 255CMYK: 0.00, 0.00, 0.00, 0.00Blue: #0B3452RGB Decimal: 11, 52, 82CMYK: 87%, 37%, 0%, 68%Gold: #D59F0FRGB Decimal: 213, 159, 15CMYK: 0%, 25.4%, 93%, 16.5%Logo

Resolutions Management Ltd. Style GuideColor PalleteR: 150 R: 161 R: 118 R: 129 R: 132G: 139 G: 129 G: 117 G: 161 G: 150B: 130 B: 148 B: 138 B: 158 B: 121Fonts Header: Adobe Caslon Pro Bold Header: Superclarendon Bold Size: 36 Size: 36 Subheader: Adobe Caslon Pro Semibold Subheader: Superclarendon Regular Size: 20 Size: 20 Captions: Adobe Caslon Pro Regular Captions: Superclarendon Light Size: 16 Size: 16Pictures

ZenMarinoStyleGuideHeader:Oswald45ptSubheader:Oswaldsemibold30pttBody:Oswaldlight24ptSidebar:Oswaldlight24pt#020740 #007390 #a5d0e3 # #fd7d00

The Winey Mom Brand Style Guide Color Palette#610618 #870A29 #DB9080 #FFFCFC #1C0207 Logo Variations Fonts PhotographsApple Chancery: No one stroke and/or styleABCdefGHIjklMNOpqrSTUvwxYZ will be applied to photos.Muse Script T:ABCdefGHIjklMNOpqrSTUvwxYZDidot:ABCdefGHIjklMNOpqrSTUvwxYZ Text Layout Heading One Heading One Heading One Subhead One Subhead One Subhead OneBody text would look like this. Body text would look like this. Body text would look like this. Body text would look like this. Body text would look like this.Body text would look like this.

We come to New York #000000 #BFBFBF #FFFFFF # 404040 # E5E5E5Headers will be in UpperEastSide in 48 pt This is the font that the sub-headers will be in. This is Open Sans in 20 pt. font. This is the font that the body text will be in. Which is in Open Sans Condensed Light in 14 pt font.

Style Guide Material EffectsHomeWebsite brings viewer to an animation of a curtain opening to reveal a glass door then fadesinto a picture (if possible)Body copy: There’s more to curtains... (appears as the first thing viewers see) than justwindow dressing (appears on the door)Menu on the left sidebar:Home R = 136 R = 255 MaterialAbout G = 135 G = 255 EffectsGallery B = 164 B = 255Contact R = 176 R = 65Color palette G = 202 G = 64 B = 216 B = 66List of fonts (body copy 16 point font):Savoye LETAvenir Next Ultra LightTahomaAboutBody copy: Material Effects has been creating custom window treatments, bedding, pillowsand cushions for over 20 years...GalleryPictures: draperies and pillowsContactContact formFooter

ABROAD BOD Sytle GuideFonts:• Website title: Myfrida (Abroad bod)Size: 96• Page headers: Potatoes and Peas (London/UK, Italy, Greece, Ireland)Size: 60• Body Copy Captions: Manksa (ex: Truffle Gnocchi from Italy)Size: 30• Body Copy Other: Znikomit (How to avoid the abroad bod)Size: 20Color Pallette: Example Image:C= 0M= 0Y= 0K= 100Tint: 59R= 0, G= 0, B= 0C= 8M= 100Y= 52K= 70Tint= 100R= 96, G= 0, B= 27C= 0M= 0Y= 0K= 0Tint=R= 255, G= 255, B= 255C= 100M= 88Y= 25K= 53Tint= 100R=8, G= 28, B= 73C= 59M= 61Y= 96K= 13Tint= 100R= 116, G= 97, B= 54

Style GuideFonts: Clip Art/ Background: Title: Autumn Leaves Same as background example costume #1 Body: Ayuthaya costume #2 Example Caption: Moonlight falls examplexeColor Palette: Red/Auburn green yellow orange Tabs: Recipes Activities Costumes Dates Recipes

Life of an NYC Roadie Style GuideColor Pallette: RGB: RGB: RGB: RGB: RGB: 11, 164, 239 45, 178, 241 96, 196, 244 182, 227, 250 238, 249, 253Typography:Page Headers: CabaIT BoldBody Text: Avenir BookLogos and Images:Photos:Menu: Home • What I Did • Opportunities/Perks • Testimonials

STYLE GUIDE FORTHE BEST OF 2017 WEBSITEFONTS Mesmerize semibold | 70pt.H1 Oswald demibold | 40pt. Oswald extralight | 25pt.H2 Merriweather bold | 25pt. Merriweather light | 17pt.H3 Open Sans light | 12pt.H4 C: 66 M: 69 Y: 0 K: 26H5 C: 66 M: 69 Y: 0 K: 56PCOLORS C: 22 M: 98 Y: 95 K: 1 C: 22 M: 98 Y: 95 K:50C: 90 M: 26 Y: 0 K: 24 C: 75 M: 5 Y: 100 K: 18C: 92 M: 25 Y: 0 K: 55 C: 72 M: 0 Y: 87 K: 48

Style Guide Color 1Sophia Valianatos Black 21%: BACKGROUNDFonts: Color 2 R= 112 G=11 B=56Chingolo ProJOnah Color 3 R= 48 G=82 B=134 Color 4 R=64 G=119 B=82Title SKVSize: 60Color: 2 and 3Font: The Beauty OF Barcelona

A shevilleStyle Guide Colors:#322234 # Accent Colors 5d445a 969e68 ccdc87 faebe4 Background ColorFonts: Scallywag - for titles and emphasis Haziness Book - for description and expositionOther Details: Stroke on photos: 2 pt, black Body: 20 pt (black, Haziness Book) Header: 100 pt (purple, Scallywag) Quotes: 30 pt (black, Haziness Book) Photos used in the hero with titles overtop Accent photos and details placed throughout



WEBSITE REVAMP STYLE GUIDEFONTS: Baskerville Baskerville Italic Baskerville SemiBold Baskerville SemiBold Italic Baskerville Bold Baskerville Bold Italic Source Sans ExtraLight Source Sans ExtraLight Italic Source Sans Light Source Sans Light Italic Source Sans Regular Source Sans Italic Source Sans SemiBold Source Sans SemiBold Italic Source Sans Bold Source Sans Bold Italic Source Sans Black Source Sans Black ItalicCOLOR PALLETE: R = 43 R = 45 R = 242 R = 22 R = 94 G = 49 G = 54 G = 241 G = 114 G = 138 B = 114 B = 117 B = 244 B = 59 B = 94 HEADER: Baskerville Bold SUBHEADER: Baskerville SemiBold BODY: Baskerville SIDEBAR: Source Sans SemiBold QUOTE: \"Baskerville SemiBold Italic\" FOOTER: Source Sans Regular

Elon Gap Experience Website StyleguideColor Palette RGB: RBG: RBG: RGB: RGB: 89, 101, 65 160, 192, 101 157, 179, 115 42, 52, 23 112, 128, 82Typography Welcome to the Elon Gap Experience!Dosis Bold H1 HeadingDosis Medium The three components are: a NOLS H2 Heading backpacking course, service-learn- ing across the country and studying H3 Heading abroad in Costa RicaDosis Light H4 Heading H5 HeadingPhotosOur semester started with We then traveled across We finished our first se-30 days backpacking in the the country doing service in mester of college studyingWind River Range in Wyo- four different states. abroad in Costa Rica for sixming. weeks.Menu Home | About | NOLS | Service | Study Abroad

Style Sheet S’mokin S’moresColor Pallete Charcoal Graham Marshmallow Gray NavyFont and CharactersFont Family: Roboto CondensedHeader 1 Header 2To be used for Page titles and main headers To be used for Page Subtitles within each webpage.within each web page. Font Family: Roboto Condensed Regular Font Family: Roboto Condensed Bold Point Size: 22Point Size: 24 Color: GrahamColor: NavyBody Text CaptionsTo be used when writing the body text To be used in captions for images on each webpage.within each webpage. Font Family: Roboto Condensed LightFont Family: Roboto Condensed Regular Point Size: 16Point Size: 18 Color: GrayColor: CharcoalLogoWhenever using the logo, take this jpeg and keep it uniform throughout the site.ImagesImages should follow the color scheme and take darker tones and colors. Captions for images should beplaced directly below the image it is refering to and follow the font and character guidlines as mentionedabove. The images will also be treated with “transfer” filter which can be found in the photos aplication onMac computers.FooterCopy in footer should be the same on each web page and be as follows, and written using 15pt robosto regu-lar font in color black:S’mokin S’mores is Elon student owned and operated, if you are interested in getting in touch please emailout owner, Ethan Kaufmann at [email protected].