Movatterモバイル変換


[0]ホーム

URL:


Wayback Machine
149 captures
17 Feb 2017 - 24 Jun 2025
FebAPRJun
Previous capture20Next capture
201620172018
success
fail
COLLECTED BY
Organization:Internet Archive
These crawls are part of an effort to archive pages as they are created and archive the pages that they refer to. That way, as the pages that are referenced are changed or taken from the web, a link to the version that was live when the page was written will be preserved.

Then the Internet Archive hopes that references to these archived pages will be put in place of a link that would be otherwise be broken, or a companion link to allow people to see what was originally intended by a page's authors.

The goal is tofix all broken links on the web. Crawls of supported "No More 404" sites.
This is a collection of web page captures from links added to, or changed on, Wikipedia pages. The idea is to bring a reliability to Wikipedia outlinks so that if the pages referenced by Wikipedia articles are changed, or go away, a reader can permanently find what was originally referred to.

This is part of the Internet Archive's attempt torid the web of broken links.
TIMESTAMPS
loading
The Wayback Machine - https://web.archive.org/web/20170420143101/http://yaleidentity.yale.edu/web
Skip to main content

Search form

You are here

Home >Web

Web

Logos

The Yale logo is “Yale” set in a modified version of the Yale typeface, and standard practice includes it in the footer of all web pages. The signature “Yale University” is normally included in the top-left corner of the header region on web pages. The site title is usually below the signature set in the YaleNew Roman typeface.

Header Example
Yale University signature   Image of Yale University signature
Site title
YaleNew Roman
   Image of website title

The standard colors for the Yale logo and signature are Yale Blue set against a white or light gray background or reversed white set against Yale Blue. The logo and signature may also be black or dark gray when the page design requires it.

It is recommended that the footer of all web pages include the Yale logo in the lower left corner. The footer should also have a copyright statement with year, and a link to the Yale University Privacy Policy. Websites may also include a contact e-mail link, social media buttons, and additional information. Footer content is generally placed near the Yale logo but must not crowd it; breathing space should always be left around the logo. 

Footer Examples
Image of footer with Yale logo and copyright notice
Yale logo shown in the footerSpace after Yale logo in footerCopyright notice in footer
 Yale logospaceCopyright notice and Privacy Policy

The Yale logo should never be combined with other designs to form a new or hybrid logo. The logo and signature should be linked to the main Yale website.

In addition, Yale College and other organizations may have their own wordmarks. For schools and administrative divisions, special wordmarks are available from theUniversity Printer.

Download logos (.zip)

Typefaces

Yale’sown typeface is the preferred serif font for Yale websites and may be used throughout for titles, headings, and menu items. The standard sans serif font for Yale sites is TheSans which is recommended for body text and may also be used for menus and headings.

Recommended Styles
The Yale typefaceThe Yale typeface heading 1
 The Yale typeface headings 2-4
TheSans Small CapsTheSans Small Caps heading 5
 
TheSans body textTheSans body text

If additional web fonts are used, care should be taken to select fonts that are highly legible and harmonize with the recommended typefaces. Unusual and “quirky” typeface styles should be avoided.

TheSans web fonts are available as part of the YaleSites offering; the Yale typeface may bedownloaded here.

Colors

Yale Blue is the university’s identifying color, and has the hex value #00356b. The standard range of blue tints is shown in the primary color palette below along with the standard range of grays and two accent colors. Additional colors may be used as long as they complement, rather than clash with, the colors in the primary color palette.

Primary Color Palette
Blues Grays Accent Colors
Image of the Yale blue colorsImage of the Yale gray colorsImage of the Yale accent colors, green and orange

White space & layout

The Yale web design standards make use of generous sizes for type, photos, and other design elements with plenty of white space between them. Every section and component of the design avoids being small and cramped. The layout grid offers large gutter spaces between columns and there is extra line-space between major divisions on a page.

Web page layouts should always be handled via a responsive grid system. Older fixed-width grids and layout methods should no longer be used since they do not display well across various screen sizes and devices.

Icons

Small icons representing Yale simply show the “Y” from the Yale logo, centered in a square format. These are the standard web shortcut icon, or “favicon,” social media icons, and home screen and application icons for mobile devices. The Yale favicon may only be used on websites having the Yale.edu web domain.

Yale FaviconYale social media icon
Favicon 16x16
Icon for social media 48x48

Download icon set (.zip)


[8]ページ先頭

©2009-2025 Movatter.jp