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.

--

--

--

I’m a Product Designer at Grubhub working on the LevelUp Team to create branded apps for restaurants.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Aaron Cecchini-Butler

Aaron Cecchini-Butler

I’m a Product Designer at Grubhub working on the LevelUp Team to create branded apps for restaurants.

More from Medium

Stuff Is Not What You Crave

Overturning Roe v Wade: A Step Back In Time?

EU register shows African lobbying in Brussels

UI/UX Problem Statement: Providing a solution to a common problem in our environment.