LWTDO
Display mode

Make the store you already have readable.

LWTDO retrofits existing e-commerce storefronts with high-contrast styling, dark mode and accessibility fixes. Your catalog, checkout and backend stay exactly where they are.

Try it on this site. The Dark, Light and Max contrast switch at the top is the kind of theme control we build into client stores.

Live retrofit

Storefront version
Retrofitted theme

Sample storefront, not a client site. Every ratio is calculated in your browser from the colors on screen.

Contrast ratio of each element in the sample product card, original and retrofitted
ElementOriginalRetrofitted
Original Retrofitted 4.5:1 text minimum passes fails

WCAG criteria we work from

We work on the layer shoppers see

A retrofit changes the presentation and interaction code of your storefront. Everything that runs the business underneath stays untouched.

What we change

  • Colors and contrast
  • Typography and spacing
  • Navigation and menus
  • Product and category pages
  • Forms, buttons and links
  • Focus states and keyboard paths
  • Light, dark and high-contrast themes
  • Layouts on phones and tablets

What stays as it is

  • Your e-commerce platform
  • Inventory and catalog data
  • Order processing
  • Payment integrations
  • Fulfillment and shipping
  • Financial accounts

Five kinds of retrofit

  • High-contrast retrofitting

    Colors, type and interactive elements adjusted so text stands clear of its background.

    Text 4.5:1, controls 3:1

  • Dark mode and themes

    Light and dark themes for the whole storefront, with a switch your shoppers control.

    Two themes, one switch

  • Accessibility fixes

    Keyboard access, visible focus, labelled forms and structure that screen readers can follow.

    Keyboard, focus, labels, names

  • Interface refinement

    Spacing, alignment, fonts and colors made consistent from page to page.

    One spacing and type scale

  • Responsive adjustments

    Layouts that hold together on desktops, tablets and phones.

    320px wide and up

Send us the storefront. We'll tell you what we'd change.

Build a short brief in about a minute. We review the site and quote the work as a project.