CMS GUIDE
Style Guide
This style guide includes colors, typography, icons, buttons, fields, grid and images. You can download any of the assets on the assets tab in the Zeplin link.
Primary Color Palette
Ocean
HEX #295672
Sky Blue
HEX #6fa1c9
Accent Red
HEX #f15d54
Accent orange
HEX #f4a427
Secondary Color Palette
Light Ocean
HEX #5686b4
Light Sky
HEX #9ed2f1
Light Coral
HEX #f4847a
Light Sun
HEX #ffcd5b
Typography (Headlines & SubHeadlines)
-
Primary Headline Nunito Sans ExtraBold 74px
-
Secondary Headline Nunito Sans ExtraBold 48px
-
Tertiary Headline Nunito Sans ExtraBold 32px
-
Quaternary Headline Nunito Sans ExtraBold 24px
-
Quinary Headline Nunito Sans Bold 20px
-
This is Body copy, used for cards and modules, is Nunito Sans Regular at 18px and 32px line-height. Phasellus pharetra urna sit amet tellus elementum aliquet in et quam. In condimentum dui.
Search Current Openings
Interior Page Hero - (Section 12a)
Suggested Use: [suggested use case(s)]
Notes: [section notes/instructions]
Available Code Snippets:
- [code snippet name]: [code snippet notes/instructions]
Nursing
Image and Copy - (Section 2a)
Suggested Use: Short copy facing a supporting "square" image
Notes: The recommended image size is 500x500. Images that do not have an aspect ratio of 1:1 will be cropped/zoomed to fit, but this should be avoided. Do not use this section for video content, as the "Section 2 - Image" Media Module is intentionally configured to only accept a media type of image.
Available Code Snippets:
- v1 - Section 2a - Copy: Use this code snippet in a "Section 2 - Copy" Module to "reset" the module to its template content.
Quinary Headline
Secondary Headline Longer Headline
This is Body copy, used for cards and modules, is Nunito Sans Regular at 18px and 32px line-height. Phasellus pharetra urna sit amet tellus elementum aliquet in et quam. In condimentum dui.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Image and Copy CTA - (Section 2b)
Suggested Use: Short copy facing a supporting "square" image
Notes: The recommended image size is 500x500. Images that do not have an aspect ratio of 1:1 will be cropped/zoomed to fit, but this should be avoided. Do not use this section for video content, as the "Section 2 - Image" Media Module is intentionally configured to only accept a media type of image.
Available Code Snippets:
- v1 - Section 2a - Copy: Use this code snippet in a "Section 2 - Copy" Module to "reset" the module to its template content.
Quinary Headline
Tertiary Headline
This is Body copy, used for cards and modules, is Nunito Sans Regular at 18px and 32px line-height. Phasellus pharetra urna sit amet tellus elementum aliquet in et quam. In condimentum dui.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Secondary ButtonVideo and Copy - (Section 3a)
Suggested Use: Two media types are displayed side by side, each taking up 50% of the width, with a Fancybox popup feature.
Notes:Use this media module with fancybox popup
Available Code Snippets:
- N/A
Quinary Headline
Secondary Headline
Jobs Tabs - (Section 4a)
Suggested Use:Job Lists
Notes: Can be added to any page.
Available Code Snippets:
- N/A
-
Marlton, New Jersey 05/30/2025
As you search for opportunities that fit your skills, any jobs you view will appear here.
-
Barrington, New Jersey 05/10/2025
Careers Links - (Section 5a)
Suggested Use:Use to Links
Notes: Links with hover
Available Code Snippets:
- Yes - v1 - Section 5 - Links
Icons and Numbers - (Section 6a)
Suggested Use: Not CMS enabled
Notes: Can be added to any page.
Available Code Snippets:
- N/A
Secondary Headline
000+
Body Copy 18px
000+
Body Copy 18px
000+
Body Copy 18px
Job Alerts Form - (Section 7a)
Suggested Use: Signup Alert Form
Notes: Can be added to any page.
Available Code Snippets:
- N/A
Sign Up for Job Alerts
Join our Talent Network and get news and job alerts delivered to your inbox.
Copy - (Section 8a)
Suggested Use: Use for Title and Copy with pattern Media.
Notes: Use Head and Copy
Available Code Snippets:
- N/A
Tertiary Headline
This is Body copy is Nunito Sans Regular at 18px.
Tertiary Headline
This is Body copy is Nunito Sans Regular at 18px and 32px line-height.
Image and Copy - (Section 9a)
Suggested Use: Use Media and Copy CTA
Notes: Use for this Left Side Media and Right Side Copy with CTA
Available Code Snippets:
- Yes - v1 - Section 9 - Copy
Tertiary Headline
This is Body copy is Nunito Sans Regular at 18px and 32px line-height.
Secondary ButtonRelated Content - (Section 10a)
Suggested Use: [suggested use case(s)]
Notes: [section notes/instructions]
Available Code Snippets:
- [code snippet name]: [code snippet notes/instructions]
-
Quaternary Headline
This is Body copy, used for cards and modules, is Nunito Sans Regular at 16px and 26px line-height. Phasellus pharetra urna sit amet tellus elementum aliquet in et quam. In condimentum dui.
-
Quaternary Headline
This is Body copy, used for cards and modules, is Nunito Sans Regular at 16px and 26px line-height. Phasellus pharetra urna sit amet tellus elementum aliquet in et quam. In condimentum dui.
-
Quaternary Headline
This is Body copy, used for cards and modules, is Nunito Sans Regular at 16px and 26px line-height. Phasellus pharetra urna sit amet tellus elementum aliquet in et quam. In condimentum dui.