The same chip, card and ring family used in every live hero. Change Style to see each material treatment.
Lead paragraph that sets up a section.
Body copy at 16px, 1.55 line height, max 64ch.
Helper text sits here.
Helper text sits here.
Helper text sits here.
That does not look like an email address.
Looks good
Helper text sits here.
Helper text sits here.
PrivateEli Lilly needed one design system that could support dozens of brands without each one drifting into its own version.
Figma-first · Singularity at OneMain is the code-first counterpart
PrivateFrom 2021 to 2023, I rebuilt Sling TV's design system in Figma and code, then built the process around it so the work could keep moving.
Tokens, components, documentation and governance.
Lives at the bottom center of the hero. Style first. Sound long-press or right-click opens Music/Effects. Arrow keys move across; T M S A X G are shortcuts.
Singularity at OneMain Financial is private.
That key did not match. Check for extra spaces.
Opening the case study.
Helper text sits here.
That does not look like an email address.
Opening the case study. It stays unlocked for this browser session.
Tell me who you are and what you want to see. I will email you a password if it checks out.
Your email app should open with your note filled in. If it did not, write to brian@dilshaus.com.
Tell me about the system you have to get right.
Your email app should open with your note filled in. If it did not, write to brian@dilshaus.com.