INDUSTRY:
Public Utilities
CLIENT:
Ambit Energy
Ambit Energy Style Guide
About.
Prior to this initiative, our organization had no official style guide for digital platforms — only legacy materials created for print. This resulted in inconsistencies across web interfaces, ad hoc design choices, and a lack of clear standards for buttons, typography, forms, and color usage.
I led the effort to design and document a comprehensive, ADA-compliant digital style guide, enabling consistency, scalability, and faster collaboration between design, development, and marketing teams.
Overview.
"Everyone was designing in a silo. No one was sure what the 'right' button or color was."
Without a shared digital design system, we faced:
Inconsistent UI elements across products and platforms
Duplicate work and slower handoffs
Accessibility issues due to lack of tested contrast and structure
No clear rules for mobile vs. desktop behavior
Frustration from engineers and content creators
The goal was clear: create a flexible, ADA-compliant digital style guide to unify design across all platforms.
Identifying Areas of Improvement.
Print Colors Didn’t Work Online
The primary orange failed ADA contrast requirements
Secondary colors were undefined for digital use
Fragmented Design Workflows
Designers and developers duplicated efforts
Buttons, forms, and links had no standard look or behavior
Accessibility & Compliance Risks
No system for contrast, sizing, or hierarchy
Mobile vs. desktop behaviors weren’t documented
Challenges.
Fragmented Design Workflows
Designers and developers duplicated efforts
Buttons, forms, and links had no standard look or behavior
My Role.
UX/UI Design Lead
Design Systems Architect
Visual & Interaction Standards
Accessibility Implementation
Collaboration with Dev & Brand teams
The Design Solution.
I created a comprehensive digital style guide to serve as the single source of truth for Ambit’s online products.
Conclusion.
The digital style guide delivered tangible improvements for Ambit Energy:
Unified UI across all web apps and marketing sites
Faster design-to-dev handoff, reducing back-and-forth revisions
Onboarding new team members became easier with a single source of truth
Improved ADA compliance, building user trust and confidence
Increased efficiency, as reusable components eliminated duplicate work
“Now we all speak the same design language. Every button, color, and link just works.”
By creating a flexible, compliant, and reusable digital style guide, we gave Ambit Energy a foundation that grows with the business and its products.
