Style Guide

Every piece of communication carries the weight of the Nationwide Legal name. Before a flyer is printed, a presentation is shared, or a social post goes live, it passes through a team that understands that design is not decoration, it is representation.  Clarity builds trust, and trust builds relationships.
Everything from color, typeface, layout, and file format to ensure each touchpoint reflects the precision and professionalism our clients rely on.

Where technology meets experience, structure meets strategy. Simple, strong headlines, purposeful spacing, and disciplined visual hierarchy that guide the eye and sharpen the message.We remove the noise so the message stands taller. Whether it is a sponsorship asset or a nationwide campaign, everything we create works together as one cohesive system, reinforcing who we are: modern, reliable, and built for performance.

00. Logos

Our logo is the most recognizable expression of the Nationwide Legal brand. To ensure clarity and consistency across all platforms, only the approved logo files provided in this guide should be used. These files are optimized for print, digital, presentation, and large-format applications, preserving correct color, proportion, and quality at any size.

Always use the appropriate file format for your specific application, and never alter, stretch, recolor, or modify the logo in any way. Consistent use of our official logo assets protects the integrity of our brand and ensures Nationwide Legal is represented with professionalism and confidence in every environment. 

01. Color palette

This section allows you to apply approved brand colors directly within the Text Module background settings for accurate visual reference. Each color is also listed with its corresponding code below, making it easy to copy and use consistently across layouts. Always reference these exact values to maintain brand accuracy and visual consistency.

⚠️ Using HEX values for a main color is not avised, Pantone color swatches are universal and essential to keep colors on brand. Once you have your Pantone swatches chosen, you can then derive the CMYK & RGB values. These color swatches are acceptable variations derived from the current Hex values. 

Priamary Colors

SECONDARY
COLORS

Optional
Colors

Optional
Colors

Optional
Colors

Optional
Colors

EXAMPLE ONLY
HEX #f85918
CMYK 0.00 80 100 0
RGB 255 87 0

#F97a46

#fa9b74

#fbac8b

#fccdb9

#feeee7

#7f7f7f

#989898

#a5a5a5

#b2b2b2

#d8d8d8

#f2f2f2

#22315c

 

#38456c

#646e8c

#9098ad

#bcc1ce

#e8eaee

#000000

 

#4c4c4c

#666666

#cccccc

#e5e5e5

#ffffff

01.1 Gradation

In this part of the style guide, you can modify each color gradation. Two examples provided.

#F9F9F9

#e0e0e0

#444444
#000000

02.Typography

This section outlines how our text styles are structured across the brand. You’ll find defined primary, secondary, and tertiary type treatments designed to create hierarchy, clarity, and consistency in every application. Each style can be saved as its own preset, making it easy to maintain uniform formatting across pages, presentations, and marketing materials.

Consistent typography ensures our message feels cohesive, professional, and instantly recognizable wherever it appears.

Primary
Secondary
Tertiary
Heading 1

Heading 1

Heading 1

Heading 1

Heading 2

Heading 2

Heading 2

Heading 2

Heading 3

Heading 3

Heading 3

Heading 3

Heading 4

Heading 4

Heading 4

Heading 4

Body
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
List
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  1. Lorum Ipsum
  2. Lorum Ipsum
  3. Lorum Ipsum
All in one

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

04. Modules

This section focuses on the most commonly used Divi modules and how they should be styled for consistency. You are provided with primary, secondary, and tertiary versions of each module so they can be saved as global presets and reused throughout the site. You may create additional variations as needed, but every version should align with the established brand standards to maintain a cohesive look and feel.

Primary
Secondary
Tertiary
Blurb

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.

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.
Email optin
Contact form

9 + 11 =

13 + 7 =

12 + 7 =

Image
Call to action

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.

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.
Divider
Person
Name Goes Here

Name Goes Here

Position

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.
Name Goes Here

Name Goes Here

Position

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.
Name Goes Here

Name Goes Here

Position

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.
Social Media Follow
Toggle
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.
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.
Testimonial
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.
Name 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.
Name 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.
Name Goes Here

Video
Accordion
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.
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.
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.
Blog

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.