Cascade Layers Redesign

Client
Grant.is
Role
Design Engineer
Year
2025
Location
Remote
Design SystemsFrontend Engineering

Overview

A holistic CSS overhaul introducing cascade layers, design tokens, and lint-enforced standards.

The Challenge

Legacy styles mixed specificity hacks and !important usage that slowed iteration.

The Approach

  • Defined foundation/base/layout/components/utilities layers.
  • Introduced tokens for color/spacing/radius/shadows.
  • Added Stylelint rules to block regressions.

The Outcome

Shipped slimmer CSS, predictable overrides, and faster contributor onboarding.