Home page preview | UMD Design System

Skip to main content

UMDDesign System

Design Principles

Getting Started

For Content Managers For Designers For Developers

Foundation

Color Typography

Type Mapping

Layout

Vertical Spacing Horizontal Spacing

Icons

Components

Accordion Alerts

Content Alert Site Alert

Banner Promo Call to Action (Button) Cards

Standard Card Overlay Card Icon Card Video Card

Carousels

Standard Image Carousel Wide Image Carousel Card Carousel Multi Image Carousel Thumbnail Carousel

Events

Date Slider Event Card Event Overlay Card Event Pathway Event List

Footer

Mega Footer Simple Footer Visual Footer

Heroes

Background Hero Overlay Hero Split Hero Stacked Hero Minimal Hero Image Hero Logo Hero Person Hero Grid Hero

Images & Media

Image Expand Media Stack Logo Grid

Lists

Standard List

Navigation

Site Header Side Nav Breadcrumbs Global University Header

Pathways

Standard Pathway Text Pathway Sticky Pathway

People & Experts

Person Card Bio Expert Feed Overlay Cards

Quote

Simple Quote Feature Quote

Section Intro

Default Section Intro Section Intro - Wide

Scroll to Top Social Sharing Statistics

Simple Statistics Statistics Cards

Sticky Columns Tabs

Templates

This preview injects home.html with JavaScript. Enable JS, or open home.html directly to read the markup.