Welcome to the new Worcester.edu!

Please note that MyWSU is now MyWooState.

Skip to main content
  • About
  • Library
  • News
  • Events
  • Directory
Apply Give
WSU Logo against a transparent background
  • Academics
      Solving real-world challenges.
      Academics
    • Program Finder
    • Schools & Departments
    • Provost’s Office
    • Continuing Education
    • Graduate School
    • Additional Learning Opportunities
    • Academic Resources
    • Centers & Institutes
    • Research
    • Grants
    • Academic Convocation
  • Admissions & Aid
      Innovative real world solutions.
      Admissions & Aid
    • Apply to Worcester State
    • Undergraduate Admissions
    • International Applicants
    • Graduate Admissions
    • Tuition & Financial Aid
    • Visit
    • Request Information
  • Campus Life
      Discover #WooLife
      Campus Life
    • Athletics
    • Bookstore
    • Commuter Services
    • Diversity Inclusion & Equal Opportunity
    • Housing & Dining
    • Information Technology
    • Leadership Opportunities
    • Clubs & Organizations
    • Student Involvement
    • Student Services
    • Sustainability
    • Title IX
    • University Events
    • University Police
    • Discover Worcester
  • Community Impact
      Make an impact in the community.
      Community Impact
    • Global Outreach
    • Local Resources
    • For Business
    • Binienda Center for Civic Engagement
    • Urban Action Institute
    • Latino Education Institute
    • Speech-Language-Hearing Center
    • Worcester Art Museum Partnership
    • Worcester Center for Crafts
  • Alumni & Giving
      How will you take the lead?
      Alumni & Giving
    • Alumni News
    • Giving to Worcester State
    • Scholarships
    • Meet Our Donors
    • Alumni Events
    • Worcester State Magazine
    • Request a Transcript
    • Get Involved
  • Academic Calendar
  • OneCard
  • Registrar
  • Bookstore
  • Housing
  • Tuition
  • COVID
  • Financial Aid
  • Transcript
  • Safe Campus – Spring 2022
  • FAFSA
  • Academics
      Solving real-world challenges.
      Academics
    • Program Finder
    • Schools & Departments
    • Provost’s Office
    • Continuing Education
    • Graduate School
    • Additional Learning Opportunities
    • Academic Resources
    • Centers & Institutes
    • Research
    • Grants
    • Academic Convocation
  • Admissions & Aid
      Innovative real world solutions.
      Admissions & Aid
    • Apply to Worcester State
    • Undergraduate Admissions
    • International Applicants
    • Graduate Admissions
    • Tuition & Financial Aid
    • Visit
    • Request Information
  • Campus Life
      Discover #WooLife
      Campus Life
    • Athletics
    • Bookstore
    • Commuter Services
    • Diversity Inclusion & Equal Opportunity
    • Housing & Dining
    • Information Technology
    • Leadership Opportunities
    • Clubs & Organizations
    • Student Involvement
    • Student Services
    • Sustainability
    • Title IX
    • University Events
    • University Police
    • Discover Worcester
  • Community Impact
      Make an impact in the community.
      Community Impact
    • Global Outreach
    • Local Resources
    • For Business
    • Binienda Center for Civic Engagement
    • Urban Action Institute
    • Latino Education Institute
    • Speech-Language-Hearing Center
    • Worcester Art Museum Partnership
    • Worcester Center for Crafts
  • Alumni & Giving
      How will you take the lead?
      Alumni & Giving
    • Alumni News
    • Giving to Worcester State
    • Scholarships
    • Meet Our Donors
    • Alumni Events
    • Worcester State Magazine
    • Request a Transcript
    • Get Involved
  • Academics
    • Program Finder
    • Schools & Departments
    • Provost’s Office
    • Continuing Education
    • Graduate School
    • Additional Learning Opportunities
    • Academic Resources
    • Centers & Institutes
    • Research
    • Grants
    • Academic Convocation
  • Admissions & Aid
    • Apply to Worcester State
    • Undergraduate Admissions
    • International Applicants
    • Graduate Admissions
    • Tuition & Financial Aid
    • Visit
    • Request Information
  • Campus Life
    • Athletics
    • Bookstore
    • Commuter Services
    • Diversity Inclusion & Equal Opportunity
    • Housing & Dining
    • Information Technology
    • Leadership Opportunities
    • Clubs & Organizations
    • Student Involvement
    • Student Services
    • Sustainability
    • Title IX
    • University Events
    • University Police
    • Discover Worcester
  • Community Impact
    • Global Outreach
    • Local Resources
    • For Business
    • Binienda Center for Civic Engagement
    • Urban Action Institute
    • Latino Education Institute
    • Speech-Language-Hearing Center
    • Worcester Art Museum Partnership
    • Worcester Center for Crafts
  • Alumni & Giving
    • Alumni News
    • Giving to Worcester State
    • Scholarships
    • Meet Our Donors
    • Alumni Events
    • Worcester State Magazine
    • Request a Transcript
    • Get Involved
  • About
  • Library
  • News
  • Events
  • Directory
  • MyWooState
    • Blackboard
    • Gmail
    • Web Advisor
    • Self-Service
Apply Give
WSU Logo against a transparent background WSU Logo in white text against a transparent background
[...] Communications Toolkit
Design Styling Guide

Design Styling Guide


IN THIS SECTION
  • Getting Started with WordPress
    • Pages
    • Posts
    • Media
  • Component Overview
    • Accordions
    • Action Bar Callout
    • Blocked Link Buttons
    • Callouts Bar
    • Card Carousel
    • Color Block Grid
    • Content Callout Blocks
    • Featured News
    • Featured People
    • Featured Posts
    • Grid Blocks
    • Grid Columns
    • Hero Slider
    • Icon Listing
    • List Faculty & Staff
    • List with Info Box
    • News & Events
    • Photo Gallery
    • Portrait Video Carousel
    • Spacer
    • Related Links
    • Tabs
    • Testimonials
    • Timeline
    • Video Listings
    • Virtual Tour
    • Word Revolve
    • WYSIWYG
  • Content Writing Guide
  • Design Styling Guide
  • Web Culture Guide
Office of Communications and Marketing
Shaughnessy Administration Building
Suite A-258
wsumarcom@worcester.edu
508-929-8618
  • Use color themes sparingly. Try to avoid using the same theme with two stacked components, with the following exceptions:
    • When the component visually looks better in color: i.e Featured News with a color theme (not the white theme)
    • If the page is lengthy and already has a good amount of color, use white and gray themes but avoid alternating them too much to avoid repetition.
  • Padding specifics. If you are using two stacked components with the same theme, do either of the following:
    • Remove the bottom padding for all breakpoints on the first component
    • Add a bottom border for all breakpoints to the first component
  • Avoid using UPPERCASE in the backend fields. If the text is supposed to be UPPERCASE on the front end (i.e. the tags for a Grid Block component), the code should be applying the correct style regardless of what is entered on the backend
  • No single accordions. Avoid using Accordions if there’s only enough content for one–instead, put the content in a WYSIWYG or use Grid Columns.
  • ‘Take the Next Step’ component. Keep it unified throughout the site:
    • Use the light blue theme for this component
    • Keep it the last component on the page, if possible
  • Limit purple theme. Since purple is a tertiary color in the WSU palette, limit it to one component per page. For departments pages, purple is for the student testimonials component
  • Limit light blue theme to:
    • Action bar callout
    • Take the next steps.
    • Why Worcester State homepage component
Web Culture Guide
Component Overview
Content Writing Guide
Office of Communications and Marketing
Shaughnessy Administration Building
Suite A-258
wsumarcom@worcester.edu
508-929-8618
WSU Logo in white text against a transparent background
Quicklinks
  • Academics
  • Admissions & Aid
  • Campus Life
  • Community Impact
  • Alumni & Giving
Helpful Links
  • Bookstore
  • Careers
  • Directions
  • Emergency Info
  • Administrative Offices
  • Campus Map
Connect with us on Social Media
CONTACT US
Copyright © 2022 Worcester State University
  • Student Consumer Information
  • Campus Accessibility
  • Privacy Policy
  • Public Records Requests