Aaron Cecchini-Butler
1 min readSep 15, 2020

--

So I addressed this by creating a table of backgrounds that have designated color styles.

So there’s a button background. And a secondary button background (which includes a border)

The default styling for Background/Button is OceanBlue, no stroke.

The default styling for Background/SecondaryButton is White, OceanBlue stroke (1.5px)

So I definitely see what you mean — but generating this table of backgrounds only needs to occur once.

I will say that all of this works better if you’re really operating using component-based design.

I wouldn’t have to hunt around the design to edit all my CTA borders because there’s only one CTA component, which I change and the instances reflect that change globally.

--

--

Aaron Cecchini-Butler

Senior Systems Designer at Grubhub working on Cookbook (our design system) — as well as contributing to product design work.