LOIS: one design system, from tokens to pages.
Foundations, components, modules and pages for LOIS, built on the real product palette with every swatch bound to a variable.
Client
Filevine
Service
Websites
Year
Deliverables
Tokens (color, type, spacing, radius, shadow), components, modules, page templates
Context
The brief
LOIS had an old and a new color system living side by side. The job was a clean foundation the whole product could move to.
What we did
01 Foundations
Primitives and semantic tokens from the new system: five brand hues used only through semantic accents, a warm neutral ramp and transparency ramps.
02 Components
A component library built on those tokens.
03 Modules and pages
Modules assembled into desktop and mobile pages, including Depositions and the LOIS homepage.
Outcome
Outcome to confirm.
