NMA Style Guide
NMA Website Design System
On this page you will find a sampling of design patterns for use on this website.
Type Blocks:
NMA Running Head
Inline Text Heading Level 2
Inline paragraph body text. Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Buttons:
Standalone buttons + inline (for button groups).
Hero Sections:
NMA Running Head
Hero Section: Simple Blue
A simple, small-ish hero section with a solid blue background.
NMA Running Head
Hero Section Video
Lorem ipsum Heading section paragraph
Tabs
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Alert Boxes
Divi name: Call to Action [module]
Default Information Box
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Number Counters
%
Circular Progress Counter
%
Numbers Only Counter
Media Objects
Commonly paired combinations/stacks of image + text (e.g. icon + heading + text for product features)
Divi name: Blurb [module]
Image + Text
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Image + Text
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Image + Text + Button
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Icon + Text
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Icon + Text
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Icon + Text
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Icon (hanging left) + Text (on right)
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Icon (hanging left) + Text (on right)
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Testimonials
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Pricing Tables
Table Title
Subtitle goes Here- This feature is included
- This feature is included
- This feature is included
- This feature is included
- This feature is not included
- This feature is not included
Table Title
Subtitle goes Here- This feature is included
- This feature is included
- This feature is included
- This feature is included
- This feature is not included
- This feature is not included
Icons
Apply Online
Fill out the form below to enroll in a NMA class today!
Tell Us About Yourself
Other
Need to add more
- Common Layouts
- Accordions
- Logo grid (eg animated)
NMA Running Head
Inline Text Heading Level 2
Inline paragraph body text. Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
NMA Running Head
Inline Text Heading Level 2
Inline paragraph body text. Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Vel magna blandit sed maecenas sit enim nibh eget adipiscing. Eu egestas elementum, sed molestie blandit sed nunc. Viverra ac enim feugiat orci quam amet posuere cursus. At aenean pretium viverra in vulputate. Lectus vulputate venenatis dignissim diam adipiscing nunc amet suspendisse. Non in nibh vel pellentesque sit neque est placerat.
Planning
Luctus lectus non quisque turpis bibendum posuere. Morbi tortor nibh, fringilla sed pretium sit amet.
Planning
Luctus lectus non quisque turpis bibendum posuere. Morbi tortor nibh, fringilla sed pretium sit amet.
Planning
Luctus lectus non quisque turpis bibendum posuere. Morbi tortor nibh, fringilla sed pretium sit amet.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
NMA Student Working on a Project
NMA Student Working on a Project
New Media Arts Logo
New Media Arts Logo
Kapiolani Community College
New Media Arts logo
New Media Arts logo
Kapiolani Community College Logo
Kapiolani Community College Logo