Login Form

A brand-compliant login form demonstrating proper typography, color contrast, and input styling.

Simple 3 Critical Rules Demonstrated

Critical Rules Demonstrated

Live Example

Code

<form class="login-form">
  <div class="form-group">
    <label for="email">Email Address</label>
    <input type="email" id="email" />
  </div>

  <button type="submit" class="submit-btn">
    Sign In
  </button>
</form>

Brand Rules Applied

Style
Theme