Brand Overview
This page is an overview of what most basic blocks and styles will look for this theme. Most of these styles are handled by the themes style.css file, and can be edited based on the current clients brand guidelines.
Headline Styles
H1 Headline
H2 Headline
This is an h3 headline
This is an h4 headline lorem ipsum dolor sit amet
This is an h5 headline lorem ipsum dolor sit amet
This is an h6 headline lorem ipsum dolor sit amet
Bolded Headline Styles
This is a bolded H1 headline
This is a bolded H2 headline
This is a bolded H3 headline lorem ipsum dolor sit amet
This is a bolded headline 4 lorem ipsum dolor sit amet
This is a bolded headline 5 lorem ipsum dolor sit amet
This is a bolded headline 6 lorem ipsum dolor sit amet
Centered Headline with ‘special’ class
Left Headline with ‘special’ class
Color Palette
Primary Colors
#426caa
#bae1f8
Secondary Colors
#1A428A
#C8C8C8
#55c0e9
#bae1f8
#373a36
Utility Colors
#e7f7ff
#ffffff
#eeeeee
#000000
Gradients
Add the following classes to the containers that you would like to have a gradient background
teal-gradient
magenta-gradient
purple-gradient
Stride Utility Styles
This is a container with ‘box-shadow’ added as class name
Standard WordPress Block Styles
Below are examples of standard blocks that are available in the block editor.
Lists
A standard unordered list block
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
An unordered list block with class ‘no-bullets on the container
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
- This is a bulleted list item
Columns
Column block with Two- Columns
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
Column block with Three- Columns
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
Column block with Four- Columns
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind.
Buttons
Standard buttons
Outline buttons
Buttons with class “big-button” added to container
Blockquotes & Pullquotes
Good design is as little as possible. Less, but better, because it concentrates on the essential aspects. Back to purity, back to simplicity.
Dieter Rams
Block Patterns:
Hero Panel with Image or Video Background:
For Learners and Families
Style Overview
Full-width Video Block:
This is a standard intro panel that can be used right below the hero panel on pages needing introductory copy or a summary of the content on the page. The text size in this panel is larger than the site’s standard text size to allow for readability at long line lengths. Add classname ‘intro’ to apply styling to the blocks outer container.
Email Newsletter Subscription Banner:
Reusable Blocks:
Primary Footer Block:
Energy Steel, since 1982, offers equipment fabrication, material supply, machining, engineering, and repair services to the nuclear industry. It supports complex projects and addresses obsolete components with OEM partnerships.
Emergency Services
We are here to support you 24 hours a day, 7 days a week, 365 days a year.
Contact
1785 Northfield Drive
Rochester Hills, MI 48309
Worldwide: (810) 538-4990
US Toll-free: (866) 261-3772
Email: sales@energysteel.com
Copyright © 2025 Energy Steel | All Rights Reserved | Cookie Policy | Privacy Policy | Website by Stride Creative Group
A division of Hayward Tyler 