WattSense Sign in/ Sign up Page

I designed the sign in and sign up pages for WattSense with a strong focus on power, energy, and modern SaaS UX.

The form uses a liquid glass style to reflect modernity and AI-driven technology. The glass effect adds depth without becoming decorative. I increased the frost level to maintain strong contrast and prevent any loss of readability against the background.

Dark mode was a deliberate choice. It reinforces a technical and energy-focused vibe, reduces visual noise, and creates a serious, industrial feel. It also helps key actions and data stand out clearly.

The primary color was chosen to represent energy, power, and technology. It feels electric yet controlled, which aligns with the product’s role in intelligent energy management.

Color contrast was carefully tested to meet accessibility standards.

• #0090E5 achieves a contrast ratio of 4.98:1, passing WCAG AA for normal text and AAA for large text.
• #78BCD5 achieves 8.10:1, passing WCAG AAA for normal text.
• #78BCD5 on lighter surfaces reaches 14.87:1, exceeding WCAG AAA requirements and making it suitable for critical UI elements.