Page Title:
H1 should be title case.
There should only be one H1 per page. All other titles should be H2 or lower.
All other copy that's not an H1 must be sentence case.
Type/Font:
Do not style text within the page. Our website copy styling is already by the theme provided by OSU. For all copy, just use Headings 2-5 (<h2> - <h5> in html) for headlines and "Normal" (<p> in html) for body copy.
Background colors:
Always keep it to default
Or white color
Black creates too much contrast (It’s only used for footer section for brand consistency)
Haha yes this is from college of engineering 🤢
Orange is reserved for callout banners or menu bars
Links, buttons, CTAs (call to action):
Don’t do this:
Do this instead:
Standalone CTAs should be buttons.
Copy for CTAs should be specific, not vague (e.g. "Learn more about SNAP benefits" vs "Learn more").
Links within body copy should be descriptive.
Icons:
Always use OSU campus icons when possible. (No Font Awesome or anything that has “fa-[icon name]”
Set icon size at 2x font size.
Text should be sentence case