Design System
Cooking & Cocktails Media Brand
Overview
As one of Minerva’s most established brands, we decided to update the designs to reflect our goals of reaching out to partners and potential sponsors. While there were core elements consistent throughout C&C products, the wasn’t documentation or systems set around the brand identity.
The Cooking & Cocktail design system is used in a variety of products. Media kits, case studies, instructional documents, and web designs have all benefited from the interconnected design system which brought in more nine more partners within the quarter alone.
Timeline
Q1-Q3 2022
Stakeholders
Design, Content, Product Management, Revenue Team, Analytics
Tools
Figma, Slack, Confluence
Atomic Design
An approach to interface design where the basic building blocks of design are created then exponentially combined to produce full-scale products.
Foundations
A modified 8px grid was used across all device sizes when creating wireframes. Spacing keys determined margins and content blocks.
Colors
Actions & Inputs
Using Figma’s Varient boolean properties, I could toggle on and off aspects of one component instead of making a new varient for every version. This saved time and space in the documentation of these button and input modules.
