Skip to main content
University of Oregon
  • Communications SharePoint
  • One Stop
  • Apply
  • Visit
  • Give
Search

Search this site

Search

Digital Strategy Menu

    • Drupal Basics Overview
      • Getting Started Overview
      • Logging In
      • Design and Layout Menu

        • Design and Layout Overview
        • Color on the Web
      • Tips and Tricks
      • Content Overview
      • Add Content Menu

        • Add Content Overview
        • Create Basic Pages
        • Create Articles
        • Create External Articles
        • Use Collections
        • Create a Marketing Page Menu

          • Create a Marketing Page Overview
          • Drupal and Shorthand
      • Find and Edit Content
      • Unpublish or Delete Content
      • Drupal Content Editor
      • Advanced Content Editing
    • Text
    • Links
      • Images Overview
      • Photo Tools
    • Files
      • Videos Overview
      • YouTube Videos
      • Vimeo Videos
      • Templates Overview
      • Component Templates Menu

        • Component Templates Overview
        • Grids
        • Call to Action Buttons
        • Photo Buttons
        • Captioned Photos
        • Responsive Table
        • Cards
        • Gallery Template
        • Vertical List
        • Section Headers
        • Timeline
        • Big Numbers
        • Collapsible Menu
        • Image Overlays
      • Pattern Templates Menu

        • Pattern Templates Overview
        • Photo Navigation
        • Resource Listing
      • Marketing Page Templates
    • URL Aliases
    • Navigation and Menus
    • Footer
    • Dynamic Content
    • UO Maps
    • Video Tutorials
    • Web Communicators Overview
    • Meetings and Trainings
      • Writing for the Web Overview
      • Dos and Don'ts
      • Best Practices Quick Reference
      • Editorial Style Guide
      • UO Profile Overview
      • Quick Reference
      • Profile Information
      • Edit Your Profile
      • Create New Profile Section
      • Administrator information
      • Logging into UO Profiles
      • Google Analytics Overview
      • Using Analytics Data
      • UTM Codes
      • Drupal Updates Overview
      • April 2025
      • March 2025
      • February 2025
      • January 2025
      • November 2024
    • Web Developers Overview
      • Using Cosmic on Your Website Overview
      • Drupal Installation
      • WordPress Installation Menu

        • WordPress Installation Overview
        • Converting to Cosmic V2
      • Background Patterns and Colors
      • Borders
      • Grid Customization
      • Sizing
      • Spacing
      • Typography
      • Cosmic Design Components Menu

        • Cosmic Design Components Overview
        • Grids
        • Call to Action Buttons
        • Photo Buttons
        • Cards (Version 2)
        • Back to Top Link
        • Standard Envelopes
        • Hero Envelopes
        • Feature Envelopes
        • Story Blocks
    • UO Banner CMS Module
    • UO Edit Suite Drupal Module
    • Deprecated Features and Code Timelines
    • User Experience Overview
    • User-Centered Design
    • UX Planning Guide
      • Project Kickoff Overview
      • Content Audit
      • Comparative Analysis
      • User Research
      • Information Architecture
      • Content Mapping
      • Content Creation
      • Wireframes
      • Measuring Success
    • UX Resources
    • Web Guidelines Overview
    • Suggested Uses
    • Accessibility
    • Brand Requirements
    • Guiding Principles for AI
    • About Overview
    • Roles and Responsibilities
    • Terms and Conditions
    • Website Access Request
  • Communications SharePoint
  • One Stop
  • Apply
  • Visit
  • Give
University Communications

Digital Strategy

Main navigation

  • Drupal Basics
  • Web Communicators
  • Web Developers
  • User Experience
  • Web Guidelines
  • About

Cosmic Design Components

The UO Cosmic theme provides numerous design components that can be added via HTML to any page that loads the cosmic styles. Our design library contains the following components that can be used throughout your websites.

Standard Components:
Grids
Call to Action Buttons
Photo Buttons
Cards (V2)
Back to Top Link
Marketing Page Components:
Envelopes
Hero Envelopes
Feature Envelopes
Story Blocks Envelope

Web Developers

  • Using Cosmic on Your Website
    • Drupal Installation
    • WordPress Installation
    • Background Patterns and Colors
    • Borders
    • Grid Customization
    • Sizing
    • Spacing
    • Typography
    • Cosmic Design Components
      • Grids
      • Call to Action Buttons
      • Photo Buttons
      • Cards (Version 2)
      • Back to Top Link
      • Standard Envelopes
      • Hero Envelopes
      • Feature Envelopes
      • Story Blocks
  • UO Banner CMS Module
  • UO Edit Suite Drupal Module
  • Deprecated Features and Code Timelines

RESOURCES AND TOOLS

  • Drupal Tutorial Videos
  • Request Support
  • Quarterly Drupal Training Sessions
  • Website Access Request
  • Brand Library
  • Communications Departments

University Communications

Digital Strategy
1239 University of Oregon
Eugene, OR 97403-1239

P: 541-346-3134

webservices@uoregon.edu

  • Report a Concern
  • Nondiscrimination and Title IX
  • Accessibility
  • Privacy Policy
  • Careers
  • About
  • Find People
© University of Oregon. All Rights Reserved.