Alerts and Modals
MCC uses alerts and modals to notify readers of important and/or timely information. See MCC’s styles for modals and alerts.
MCC uses a defined color palette to visually strengthen its association as a U.S. Government agency. See MCC’s primary and supporting color values for official use.
Containers and Tables
MCC uses tables and containers to constrain content to a certain width. See MCC’s container classes to add consistently sized and proportioned content to the website.
Buttons are used to give readers visual cues to take action. See examples of button styling and design patterns to differentiate the active, inactive and hover states of a button.
MCC uses web forms to manage subscriptions, receive event RSVPs, and collect public comments and feedback. See MCC’s patterns for the most commonly used forms.
MCC’s public website grid is a distinct set of alignment-based relationships that act as guides for distributing elements across a format providing structure and balance to material. See guidelines for customizing webpages and adhering to the defined grid.
MCC uses icons to provide visual context that helps readers interpret and navigate webpages. See MCC’s categories, designs and styles for icons.
Lists organize written information for readers. See MCC’s styles for unordered and ordered lists with various options for numbering patterns and nesting.
Media and Images
MCC uses images, slideshows, videos, and podcasts to provide visual or audio context to the content of a page. See the approved image dimensions and file sizes below.
MCC uses a horizontal and vertical website navigational menus to direct readers throughout the website in a logical manner. See the navigational patterns to use on MCC’s public website.
MCC uses certain pre-designed page templates when creating new webpages on mcc.gov. See MCC’s templates for page types and guidelines for page customization.
Typography and Text
MCC uses several type families as part of its brand strategy in defined sizes and weights to clearly and consistently establish visual hierarchy on the page. See MCC’s list of standard styles and appropriate type family usage.
See what has changed and been added to the Visual Style Guide over time.