{"id":223970,"date":"2026-07-21T20:12:35","date_gmt":"2026-07-21T20:12:35","guid":{"rendered":"https:\/\/wp.lincolnelectric.coop\/LEC\/?page_id=223970"},"modified":"2026-08-17T22:52:34","modified_gmt":"2026-08-17T22:52:34","slug":"styleguide2","status":"publish","type":"page","link":"https:\/\/wp.lincolnelectric.coop\/LEC\/styleguide2\/","title":{"rendered":"StyleGuide2"},"content":{"rendered":"
\n
\n
\n

LEC Website StyleGuide: Page 2<\/h1>\n

This page continues the Lincoln Electric Cooperative website design system with approved patterns for the homepage, common content modules, navigation, resource archives, document listings, and interior page headers.<\/p>\n

These examples build on the colors, typography, spacing, cards, alerts, content sections, and calls to action documented on the first StyleGuide page.<\/p>\n

\u2190<\/span> Return to the Foundation and Content Patterns<\/a><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n

\n
\n
\n

Homepage Patterns<\/h2>\n

These patterns define the main homepage structure for Lincoln Electric Cooperative, including the hero section, quick actions, notices, featured content, and homepage calls to action.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
\n

Powering Our Community. Building a Brighter Future.<\/h1>\n<\/div><\/div>\n\n

We provide safe, reliable, and affordable electricity to the members we serve today and for generations to come.<\/p>\n<\/div><\/div>\n\n

\n
Report an Outage<\/a><\/div>\n\n
Pay My Bill<\/a><\/div>\n<\/div>\n<\/div>\n\n
\n

Important Member Notice<\/h3>\n

Use this space for outage information, office closure notices, billing reminders, or other high-priority member updates.<\/p>\n

View Details<\/a><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n

\n
\n
\n
s<\/span><\/span><\/div>\n\n

Report an Outage<\/h3><\/div><\/div>\n\n

Report an outage or view current outage status.<\/p>\n<\/div><\/div>\n\n

5<\/span><\/span><\/div>\n<\/div>\n\n
\n
\uf15c<\/span><\/span><\/div>\n\n

Pay My Bill<\/h3><\/div><\/div>\n\n

Make a payment or review billing options.<\/p>\n<\/div><\/div>\n\n

5<\/span><\/span><\/div>\n<\/div>\n\n
\n
\uf1e6<\/span><\/span><\/div>\n\n

Start New Service<\/h3><\/div><\/div>\n\n

Start, stop, or transfer electric service.<\/p>\n<\/div><\/div>\n\n

5<\/span><\/span><\/div>\n<\/div>\n\n
\n
\uf06c<\/span><\/span><\/div>\n\n

Energy Efficiency<\/h3><\/div><\/div>\n\n

Find programs, rebates, and energy-saving tips.<\/p>\n<\/div><\/div>\n\n

5<\/span><\/span><\/div>\n<\/div>\n\n
\n
\uf590<\/span><\/span><\/div>\n\n

Contact Us<\/h3><\/div><\/div>\n\n

Reach our office for member support.<\/p>\n<\/div><\/div>\n\n

5<\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n
\n
s<\/span><\/span><\/div>\n\n

Report an Outage<\/h3><\/div><\/div>\n\n

Report an outage or view current outage status.<\/p>\n<\/div><\/div>\n\n

5<\/span><\/span><\/div>\n<\/div>\n\n
\n
\uf15c<\/span><\/span><\/div>\n\n

Pay My Bill<\/h3><\/div><\/div>\n\n

Make a payment or review billing options.<\/p>\n<\/div><\/div>\n\n

5<\/span><\/span><\/div>\n<\/div>\n\n
\n
\uf1e6<\/span><\/span><\/div>\n\n

Start New Service<\/h3><\/div><\/div>\n\n

Start, stop, or transfer electric service.<\/p>\n<\/div><\/div>\n\n

5<\/span><\/span><\/div>\n<\/div>\n\n
\n
\uf06c<\/span><\/span><\/div>\n\n

Energy Efficiency<\/h3><\/div><\/div>\n\n

Find programs, rebates, and energy-saving tips.<\/p>\n<\/div><\/div>\n\n

5<\/span><\/span><\/div>\n<\/div>\n\n
\n
\uf590<\/span><\/span><\/div>\n\n

Contact Us<\/h3><\/div><\/div>\n\n

Reach our office for member support.<\/p>\n<\/div><\/div>\n\n

5<\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n
\n
p<\/span><\/span><\/div>\n<\/div>\n\n
\n

Member Notice:<\/strong> Our office will be closed Monday for scheduled training. Payments may still be made online or by phone.<\/p>\n<\/div><\/div>\n<\/div>\n\n

\n
View Details<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n
\n
\n
\n
\n
s<\/span><\/span><\/div>\n\n

Planned Service Interruption<\/h3>\n

Crews will be performing maintenance in the Smith Creek area. Some members may experience a temporary service interruption.<\/p>\n

View Outage Details<\/a><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n

\n
\n
\n
\ue063<\/span><\/span><\/div>\n\n

Scam Alert<\/h3>\n

Members should be cautious of calls or messages demanding immediate payment. Lincoln Electric Cooperative will never ask for payment through gift cards or unusual payment methods.<\/p>\n

Learn How to Protect Yourself<\/a><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n

\n
\n
\n

Homepage Featured Content<\/h2>\n

Use this pattern to highlight a small set of timely, useful, or high-priority resources on the homepage without turning the page into a full archive.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
\n

Featured Resources<\/h3>\n

Helpful programs, updates, and member resources selected for prominent homepage placement.<\/p>\n<\/div><\/div>\n<\/div>\n\n

\n

View All Resources<\/a><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
\n
<\/span><\/div>\n\n
\n

Member Resource<\/p>\n<\/div><\/div>\n\n

Energy Efficiency<\/h3>\n<\/div><\/div>\n\n

Find programs, rebates, and energy-saving tips to help manage your electric use.<\/p>\n<\/div><\/div>\n\n

Learn More<\/a><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
<\/span><\/div>\n\n
\n

Programs & Rebates<\/p>\n<\/div><\/div>\n\n

Rebates & Programs<\/h3>\n<\/div><\/div>\n\n

Explore available rebates, incentives, and programs that may help lower energy costs.<\/p>\n<\/div><\/div>\n\n

View Programs<\/a><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
<\/span><\/div>\n\n
\n

Cooperative Updates<\/p>\n<\/div><\/div>\n\n

Cooperative News<\/h3>\n<\/div><\/div>\n\n

Read the latest cooperative updates, member announcements, and community information.<\/p>\n<\/div><\/div>\n\n

Read News<\/a><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
<\/span><\/div>\n\n
\n

Member Support<\/p>\n<\/div><\/div>\n\n

Member Services<\/h3>\n<\/div><\/div>\n\n

Find helpful information about billing, service requests, account support, and member resources.<\/p>\n<\/div><\/div>\n\n

Explore Services<\/a><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n

\n
\n
\n

Counting and Data Modules<\/h2>\n

These styles define how Divi 5 counting modules should be used for cooperative statistics, progress indicators, percentage-based highlights, and time-sensitive countdowns. Use these patterns when a number needs to stand out without creating one-off styling.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
\n

Number Counter<\/h3>\n

Use Number Counter modules for short cooperative statistics that should be easy to scan, such as members served, meters served, miles of line, and years serving.<\/p>\n<\/div><\/div>\n<\/div>\n\n

\n

<\/span><\/span><\/p><\/div>

Members Served<\/h3><\/div>\n\n

<\/span><\/span><\/p><\/div>

Meters Served<\/h3><\/div>\n\n

<\/span><\/span><\/p><\/div>

Miles of Line<\/h3><\/div>\n\n

<\/span><\/span><\/p><\/div>

Years Serving<\/h3><\/div>\n<\/div>\n<\/div>\n\n
\n
\n

Bar Counters<\/h3>\n

Use Bar Counters to show progress or comparisons as a percentage. This style works best when the number represents completion, participation, or progress toward a goal.<\/p>\n<\/div><\/div>\n\n