Design Tips
Designing a website within the SMSU template can be fun but also a big challenge for some. The goal of this page is to share some tips & tricks for how to get the most out of the SMSU website template.
When working in the template, the editable area where you can place content will be referred to as your work space in this article.
Graphics
The maximum width of your work space is 1110px without a sidebar. That means, when placing an image, the max-width that you want to use would be 1110px. When adding an image in Cascade, choose the class img-fluid if you want the image to span the full width of the work space.
Images can be cropped in any form of graphic editor. An online based utility called ChromaPad is a great, on-the-go solution which allows you to upload your image, crop or resize it and save it to your computer for use on the SMSU website. While SMSU Web Office is not related to this product at all, we can not support it beyond giving you a few steps to crop and resize a photo.
Colors
The colors used to make the SMSU brown & gold template.
| Color Name | Hex Value |
|---|---|
| Primary Gold | #BCAA71 |
| Secondary Gold | #BCA971 |
| Darker Primary Gold | #665939 |
| Primary Brown | #3A1807 |
| Secondary Brown | #612e10 |
| Primary Tan | #E3DCCF |
| Primary Yellow | #FFFEED |
| Primary Green | #568B2D |
| Primary Navy | #043657 |
| Primary Blue | #00A7DF |
| Primary Purple | #543092 |
| Primary Orange | #B84C22 |
| Primary Teal | #00685D |
| Primary Red | #C9302C |
Last Modified: 10/24/23 1:33 PM | Website Feedback