Cornerstone OnDemand.
Modern templates clients can browse and pick from, built on design tokens.
- Role
- Design &
development - Design
- Figma
- Build
- HTML + CSS
no JavaScript - System
- Design tokens
CSS variables
Overview
Dated templates out. A modern, pickable set in.
Cornerstone clients were working from dated, cumbersome landing page templates. The goal was a fresh set of modern templates clients could browse and choose from.
I designed the new direction in Figma, then built the templates myself.
What I did
Design the direction
Created the new visual direction and UI standards in Figma.
Build on tokens
Used design tokens and CSS variables so every template shares one system and builds much faster.
Work within limits
Delivered everything in HTML and CSS only, within Cornerstone’s no-JavaScript constraint.
Screens
Outcome
Clients pick from a modern template set instead of outdated pages. Because the system runs on design tokens and CSS variables, new templates are faster to build and stay consistent.