Web Guidelines

This is the official University of Maryland website frame guidelines. This form can be used to help customize the HTML required for your site.

University of Maryland Web Site Guidelines

As of May 7, 2008, any University of Maryland website being redesigned or newly developed be identified by the University of Maryland "Web page wrap," with the goal that all university Web pages will use it. The word mark in the wrap links back to the University of Maryland home page (www.umd.edu). The University of Maryland Web wrap should be the top element on the Web page. Nothing should appear above the wrap. (This does not apply to personal student pages.)

The Web wrap generator can assist you in your website redesign. In the case that your CMS is not compatible with the generated code, the University of Maryland has provided additional information and resources that can guide you through design and implementation.

Other than the three search options provided on the, "Generate Web Wrapper" page, design or color alterations to the Web wrap and the University of Maryland word marks are prohibited.

  • All uses of University Marks must comply with University Design Standards.
  • University Marks may not be modified in any way without prior University approval from the University Marketing and Communications.
  • University marks may not be used in conjunction with the name or mark(s) of any other entity without the prior written permission from University Marketing and Communications and that entity. If permission is granted to use both the university mark and another party's mark, the marks must be distinct and separate from one another and neither mark may dominate the other in order to protect the integrity of both marks.
  • University marks may not be used in any manner that suggests or implies university endorsement of products, services, political parties or views, or religious organizations or beliefs.
  • Only the university may claim copyright or trademark rights in, or seek to register, any design that uses university marks.
  • The university will not approve the use of university marks in connection with alcoholic beverages, inherently dangerous products (firearms, explosives), illegal drugs, tobacco, gambling, sexually suggestive products or language, or any health-related product.

Web Guideline Questions?
Contact: Linda Martin
Office of Web and New Media Strategies
University of Maryland
2101 Turner Building
College Park, Maryland 20742-5411
301.405.4610 TEL
301.314.9344 FAX
emailum@umd.edu

Official UMD Web Site Wrap

To help UMD organizations comply with the university's Web guidelines, we have provided the following information and resources.

Below is the official UMD website wrap applied to a sample website for a desktop, tablet and mobile device. Click on the image to see larger graphic.

Multiple devices showing the UMD home page.

The Web Wrap Resources page provides images and sample code to help organizations effectively implement the Web Wrap and comply with UMD policy.

Web Guideline Questions?
Contact: Linda Martin
Office of Web and New Media Strategies
University of Maryland
2101 Turner Building
College Park, Maryland 20742-5411
301.405.4610 TEL
301.314.9344 FAX
emailum@umd.edu

Web Wrap Resources

This is the official University of Maryland website frame guidelines. You may use these resources to help customize the Web Wrap for your site.

Resources include:


Mobile Version

Mobile view
  • Note that the black background is not used in the mobile version.
  • The logo and name will appear at the top of the page aligned with the left edge of the website page frame.
  • The Search input field and Search button will appear below the logo and mark and will be centered in the browser window.

Tablet Version

Tablet view
  • Note that the black background is not used in the tablet version.
  • The logo and name will appear at the top of the page aligned with the left edge of the website page frame.
  • The Search input field and Search button will appear at the top of the page aligned with the right edge of the website page frame.

Desktop Version

Desktop view
  • The logo and name will appear at the top of the page aligned with the left edge of the website page frame.
  • The Search input field and Search button will appear at the top of the page aligned with the right edge of the website page frame.

Sample HTML Code

Go to the "Generate Web Wrapper" page and click, "Generate Code" to see a sample HTML implementation of the Web wrap.


Sample CSS File

The attached CSS file provides sample CSS that you can use to implement your site. The file includes a framework for developing a responsive Web wrap suitable for mobile, tablet, and desktop screen sizes. The file is clearly commented to help you select the appropriate section of code if your site is not responsive.

UMD Web Wrap CSS

Generate Web Wrapper

Please use the form below to generate the required HTML code for your site.

  1. What is the URL domain for your site? (e.g. www.umd.edu)
  2. What is the name for your site? (less than 30 characters)
  3. What type of search box do you want?
    No Search
    Single Search
    Multi-site Search