styleguide.iu.edu styleguide.iu.edu

styleguide.iu.edu

Web Style Guide: Indiana University

Build websites based on the official IU Communications style guide. Website guidelines for Indiana University schools, programs, departments, and other units.

http://styleguide.iu.edu/

WEBSITE DETAILS
SEO
PAGES
SIMILAR SITES

TRAFFIC RANK FOR STYLEGUIDE.IU.EDU

TODAY'S RATING

>1,000,000

TRAFFIC RANK - AVERAGE PER MONTH

BEST MONTH

June

AVERAGE PER DAY Of THE WEEK

HIGHEST TRAFFIC ON

Friday

TRAFFIC BY CITY

CUSTOMER REVIEWS

Average Rating: 4.7 out of 5 with 9 reviews
5 star
7
4 star
1
3 star
1
2 star
0
1 star
0

Hey there! Start your review of styleguide.iu.edu

AVERAGE USER RATING

Write a Review

WEBSITE PREVIEW

Desktop Preview Tablet Preview Mobile Preview

LOAD TIME

0.9 seconds

FAVICON PREVIEW

  • styleguide.iu.edu

    16x16

CONTACTS AT STYLEGUIDE.IU.EDU

Login

TO VIEW CONTACTS

Remove Contacts

FOR PRIVACY ISSUES

CONTENT

SCORE

6.2

PAGE TITLE
Web Style Guide: Indiana University | styleguide.iu.edu Reviews
<META>
DESCRIPTION
Build websites based on the official IU Communications style guide. Website guidelines for Indiana University schools, programs, departments, and other units.
<META>
KEYWORDS
1 IU communications web framework
2 IU web style guide
3
4 coupons
5 reviews
6 scam
7 fraud
8 hoax
9 genuine
10 deals
CONTENT
Page content here
KEYWORDS ON
PAGE
skip to content,skip to search,indiana university,menu,open search feature,web style guide,visual style,colors,typography,layout and grid,best practices,editorial style,keywords and descriptions,accessibility,punctuation and captialization,pattern library
SERVER
Apache
POWERED BY
PHP/5.6.29
CONTENT-TYPE
utf-8
GOOGLE PREVIEW

Web Style Guide: Indiana University | styleguide.iu.edu Reviews

https://styleguide.iu.edu

Build websites based on the official IU Communications style guide. Website guidelines for Indiana University schools, programs, departments, and other units.

INTERNAL PAGES

styleguide.iu.edu styleguide.iu.edu
1

Sections: Pattern Library: Web Style Guide: Indiana University

https://styleguide.iu.edu/pattern-library/sections/index.html

Skip to Main Navigation. Assets: CSS and JS. News and Event Feeds. Background Colors and Images. Creating sections on a page. A section is a horizontal container that spans the width of the page. Each section has three columns for placing content chunks. You can have multiple chunks in a section, and multiple sections on a page. You can customize sections by adding background colors and images. You also can modify the layout. Of your section with extra spaces, horizontal rules, and more.

2

Editorial Style: Web Style Guide: Indiana University

https://styleguide.iu.edu/editorial-style/index.html

Skip to Main Navigation. Assets: CSS and JS. How to write for the web. We encourage writing like a person. This can be difficult if your content is highly academic or technical. Follow these guidelines to make sure your site speaks to your audience, without losing important information or context. Talk to the reader. For example, “you will,” “you can,” and “if you want more information.”. Use bulleted lists, headings, and short paragraphs. To help readers digest the information. Link to relevant sections.

3

Number & Lists: Editorial Style: Web Style Guide: Indiana University

https://styleguide.iu.edu/editorial-style/numbers-lists.html

Skip to Main Navigation. Assets: CSS and JS. How to use numbers and lists. With numbers and lists, consistency is key. You can use our style guide to keep number and list styles consistent across your site. These are the main styles that occur on the web. Refer to our full editorial style guide. For more rules on numbers and lists. Two; two-thirds; 20; 200; 2,000; 23,456; 200,000; 2 million; 2.8 billion; 234,500,000. Exception: SAT scores (e.g., a combined score of 1200). Sixteen credit hours of composit...

4

Colors: Visual Style: Web Style Guide: Indiana University

https://styleguide.iu.edu/visual-style/colors.html

Skip to Main Navigation. Assets: CSS and JS. Using our color palette. We design sites using two primary background colors—crimson and light gray—and one secondary background color, chosen from the palette below. Because crimson is Indiana University's main brand color, it should always be used in greater frequency than any secondary color. These colors are hex values only, adjusted specifically for use in the digital space. Web Style Guide social media channels. News and Event Feeds. Assets: CSS and JS.

5

Web Style Guide: Indiana University

https://styleguide.iu.edu/index.html

Skip to Main Navigation. Assets: CSS and JS. Build content-first, mobile-friendly websites that are true to IU. At Indiana University, we create websites based on three  building blocks. We also follow  editorial guidelines. 160;and a  visual style. 160;for the web— colors. And other  best practices. 8212;to carry the IU voice and brand across all university sites. 160;or starting from scratch. How to create a page using building blocks. A block of content is called a chunk. Multiple sections make a page.

UPGRADE TO PREMIUM TO VIEW 15 MORE

TOTAL PAGES IN THIS WEBSITE

20

LINKS TO THIS WEBSITE

framework.iu.edu framework.iu.edu

Layout: Web Framework: Indiana University

https://framework.iu.edu/layout/index.html

Skip to Main Navigation. Generating a Privacy Notice. Get Help From The Pros. We build our website pages using a variety of content types called chunks. Each chunk is built to scale and adjusts based on the screen width of the viewing device. One chunk is usually all that will fit on the smaller screen of a mobile device, which makes it a great base unit for design and content creation. Groups of content chunks make up sections, and sections make up a page. A block of content is called a chunk. Only top-...

framework.iu.edu framework.iu.edu

Grid/Positioning: Layout: Web Framework: Indiana University

https://framework.iu.edu/layout/grid-positioning.html

Skip to Main Navigation. Generating a Privacy Notice. Get Help From The Pros. The framework includes more than 15 different types of content, which we call chunks. Each chunk has a specific use and function. You can find a list of the chunks and how they should be used in the IU Style Guide. If you choose to use the grid option, the chunk position option is ignored. If you position a chunk left or right, the size of the chunk can be:. Web Framework social media channels. Move, Rename, and Delete.

framework.iu.edu framework.iu.edu

Using the WCMS: Create Content: Web Framework: Indiana University

https://framework.iu.edu/creating-content/wcms/index.html

Skip to Main Navigation. Generating a Privacy Notice. Get Help From The Pros. Move, Rename, and Delete. Styles and Paragraph Menus. If you are new to the WCMS, this section will introduce you to some of the common tasks you will need to do—from uploading images. Visit the WCMS site. Or contact the support center. Web Framework social media channels. 169; 2017 The Trustees of Indiana University. Move, Rename, and Delete. Styles and Paragraph Menus. Generating a Privacy Notice. Get Help From The Pros.

brand.iu.edu brand.iu.edu

IU Brand Guidelines: Indiana University

https://brand.iu.edu/index.shtml

Skip to Main Navigation. Marketing and Communications Request Form. Sponsorship and Membership Applications. Building Signage Request and Approval Form. Website Branding Installation Request Form. Domain and Virtual Host Request Form. Your guide to mastering the Indiana University brand. What do you want to explore? The IU brand architecture. Learn who we are, who we want to engage, and how we talk to them. Find out what it means and how to put it to work. Explore IU’s primary and secondary color palettes.

framework.iu.edu framework.iu.edu

Poor Layout Practices: Layout: Web Framework: Indiana University

https://framework.iu.edu/layout/bad-layouts.html

Skip to Main Navigation. Generating a Privacy Notice. Get Help From The Pros. Heading levels should be used to build hierarchy not to style a heading. Vestibulum eu nibh nisl. No backgrounds in first section. There are a few things wrong with this section. A background should not be used in the first section. A breakout section should not appear until after the navigation. The section heading should begin with h2 and not h5. The paragraph heading should be h3 and not h4. Can you see this accordion? 169; ...

framework.iu.edu framework.iu.edu

Web Framework: Indiana University

https://framework.iu.edu/index.html

Skip to Main Navigation. Generating a Privacy Notice. Get Help From The Pros. What is the IU Web Framework? The IU Web Framework is built using Cascade Server Web Content Management System. The framework is a self-service tool available to developers. If you’re not a developer but want to use the framework for your site, you can get help from the pros. Why should you use the framework? And follows IU branding. Benefits of using the IU Web Framework. Be sure you’ve completed the prerequisites. Since reque...

framework.iu.edu framework.iu.edu

Set Up: Web Framework: Indiana University

https://framework.iu.edu/setup/index.html

Skip to Main Navigation. Generating a Privacy Notice. Get Help From The Pros. Once your copy of the framework has been made, you will need to configure your site using the steps below. Be sure you’ve completed the prerequisites. Since requesting the framework does not get you a virtual host or Webserve account. In the base folder of your framework site, you will have a block asset called. The Webtest URL, for example https:/ account.webtest.iu.edu. And will work with PHP via an .htaccess AddHandler.

framework.iu.edu framework.iu.edu

Request: Web Framework: Indiana University

https://framework.iu.edu/request/index.html

Skip to Main Navigation. Generating a Privacy Notice. Get Help From The Pros. Be sure you’ve completed the prerequisites. Requesting the framework does NOT get you a virtual host or Webserve account, or a fully developed website—we’re giving you just the tools you need to build your site. If you are interested in having someone build your site for you, contact the pros. The site. Site copies should be complete within two to three business days. You will receive an email when your new site is ready.

framework.iu.edu framework.iu.edu

Belt: Layout: Web Framework: Indiana University

https://framework.iu.edu/layout/belt.html

Skip to Main Navigation. Generating a Privacy Notice. Get Help From The Pros. The belt is the brown area directly above the footer with the "Fulfilling the Promise" tagline. A belt can have up to two external links and social media icons that link off to your social media pages. Any changes to the belt require that the. To add an external link to your belt, add an external link asset from the New. Drop-down menu and put it in the root of your site. The external link should have  None.

framework.iu.edu framework.iu.edu

Banner: Layout: Web Framework: Indiana University

https://framework.iu.edu/layout/banner.html

Skip to Main Navigation. Generating a Privacy Notice. Get Help From The Pros. A banner can be an image or a solid background color with text. For desktop, use an image with a 3:1 ratio at 1800px X 600px. For mobile, use an image with a 3:1 ratio at 960px X 320px. Use parallax to fix images in place as you scroll up and down. The header for the banner. Appears under the header in the banner. The text that appears in the call to action button. Link to an asset in the site. The color of the banner.

UPGRADE TO PREMIUM TO VIEW 15 MORE

TOTAL LINKS TO THIS WEBSITE

25

SOCIAL ENGAGEMENT



OTHER SITES

styleguide.healthcare.gov styleguide.healthcare.gov

Get an overview of the major styles, page layouts, assets, and editorial guidelines for HealthCare.gov

Design and development guidelines, version 1.0. Creating a unified user experience in open collaboration with the public. The Design and Assets sections of the Styleguide contain design guidance and component-level artifacts with code snippets used across the various properties of HealthCare.gov. Provides detailed guidance on various interactive modules and brand elements. Features individual artifacts paired with code snippets and descriptions. 7500 Security Boulevard, Baltimore, MD 21244 Feedback.

styleguide.ie styleguide.ie

Style Guide – by Sonja Mohlich

We keep moving forward, opening new doors, and doing new things, because we're curious and curiosity keeps leading us down new paths.".

styleguide.institchu.com styleguide.institchu.com

Institchu's Style Guide

James Bond brings back The White Tuxedo. How to Layer Under Your Suit This Winter. InStitchu’s 2015 Winter Suit Guide. James Bond brings back The White Tuxedo. Icon of Style: Sir Michael Caine. Icon of Style: The King of Cashmere – Brunello Cucinelli. InStitchu’s Winter Grooming Guide. The 5 most expensive whiskies ever! And We’re Off! InStitchu’s 2015 Guide. InStitchu’s 2015 Wedding Guide. Three Blazers Perfect for a Country Wedding. Featured Fabric: August ’14 – Fabric #56. August 12, 2015. May 6, 2015.

styleguide.ipetronik.com styleguide.ipetronik.com

Index of /

Apache/2.4.7 (Ubuntu) Server at styleguide.ipetronik.com Port 80.

styleguide.ischool.syr.edu styleguide.ischool.syr.edu

Styleguide - Syracuse University School of Information Studies

The official brand identity styleguide for the Syracuse University School of Information Studies. Branding consistency is critically important to the successful marketing of our school. Consistency in visual appearance helps differentiate the Syracuse University iSchool from its competitors, increase brand recognition and reinforce the school’s identity. This styleguide will provide you with information and tools to help properly implement the Syracuse iSchool brand. Smart but not stodgy. Experimental bu...

styleguide.iu.edu styleguide.iu.edu

Web Style Guide: Indiana University

Skip to Main Navigation. Assets: CSS and JS. Build content-first, mobile-friendly websites that are true to IU. At Indiana University, we create websites based on three  building blocks. We also follow  editorial guidelines. 160;and a  visual style. 160;for the web— colors. And other  best practices. 8212;to carry the IU voice and brand across all university sites. 160;or starting from scratch. How to create a page using building blocks. A block of content is called a chunk. Multiple sections make a page.

styleguide.ku.edu styleguide.ku.edu

University Style Guide

Skip to Main Content. The University Style Guide, produced by the Office of University Relations, is a local supplement to the Associated Press Stylebook and Webster's Collegiate Dictionary, 11th edition. In cases of conflict, the University Style Guide supersedes the AP Stylebook and AP supersedes Webster's. In the interest of creating a concise, quick reference, we have avoided topics already well covered by AP and the dictionary; campus writers and editors are urged to consult these sources. We al...

styleguide.lc styleguide.lc

Lincoln Center Style Guide

Alphabetization of personal names. Cancel, canceled, canceling, cancellation. The Chamber Music Society of Lincoln Center. Church of St. Ignatius Loyola. David H. Koch Theater. David Rubenstein Atrium at Lincoln Center. Elinor Bunin Munroe Film Center. First come, first served. Frederick P. Rose Hall. Gerald W. Lynch Theater at John Jay College. Hashtags and Twitter handles. Jazz at Lincoln Center’s Frederick P. Rose Hall. Laurie M. Tisch Illumination Lawn. Lincoln Center for the Performing Arts, Inc.

styleguide.library.virginia.edu styleguide.library.virginia.edu

University of Virginia Library Style Guide

Library Style Guide Home. Letter from the University Librarian. The UVa. Library is known for its outstanding staff, service, and collections. We’re also known for having great communications materials, and you have an important role in that as well. Because of your help in following the style guide, our Library buildings and programs have consistent signage and web pages, attractive posters, and engaging announcements. Writing for the Library. Social Media Guidelines and Special Issues.

styleguide.mailchimp.com styleguide.mailchimp.com

Welcome to the MailChimp Content Style Guide | MailChimp Content Style Guide

MailChimp Content Style Guide. Writing Goals and Principles. Writing for Social Media. Welcome to the MailChimp Content Style Guide. This style guide was created for MailChimp employees, but we hope it’s helpful for other content and communications teams too. If you work at MailChimp. This is our company style guide. It helps us write clear and consistent content across teams and channels. Please use it as a reference when you’re writing for MailChimp. If you work at another organization.

styleguide.mercer.edu styleguide.mercer.edu

Mercer University Style Guide

College and School Nameplates. Seals, Logos and Marks. LINK TO QUICK REFERENCE. Download the Style Guide.