NMA Style Guide
Working in progress with brand assets
Embedded Files
FACULTY PRE-APPROVED VISUAL STYLES
NMA Core Styles
NMA Core Styles
Below are links to a limited set of pre-approved core NMA colors, typefaces, and other visual assets.
Colors
Colors
Default Text Color - #333
rgb(51,51,51)
rgba(0,0,0,.8)
Light Text Color -#999
rgb(153,153,153)
rgba(0,0,0,.45)
Default Link Color - #39c
rgb(51,153,204)
rgba(0,102,153,.8)
Dark Link Color - #069
rgb(0,102,153)
rgba(0,102,153,1)
Accent Color - #FF9900
rgb(255,153,0)
rgba(255,153,0,1)
Sass Variables
color-text-body: rgba(0,0,0,.8);
color-link: rgba(0,102,153,.8);
color-link-darker: rgba(0,102,153,1);
color-accent: rgba(255,153,0,1);
Typography
Typography
Adobe Fonts
Acumin Pro
Acumin Pro Condensed
Kepler STD
Need to Add Kepler STD Display
Typekit and CSS Styling
<link rel="stylesheet" href="https://use.typekit.net/imp2bsl.css">
font-family: acumin-pro, Helvetica, Arial, sans-serif;
font-family: acumin-pro-condensed, Helvetica, Arial, sans-serif;
font-family: kepler-std-display, Georgia, 'Times New Roman', Times, serif;
font-weight: 400;
Type Specimens
Type Specimens
Need to add pre-approved Type Specimens here
Logos
Logos
Need to add another placeholder image with indiv logo image thumbs and sub links to indiv saved out logos in various formats (svg, gif, png, etc.
Need to add link to source Illustrator Doc
Need to add links to web-ready saved out versions of each (svg, png, gif, light/dark, etc)
Pattern Library
Pattern Library
Pre-approved Patterns to re-use (copy-paste, WP plugins, etc)?
Page updated
Report abuse