Brand style guides and Figma component libraries for eight brands I run or design for, each built from the brand's live website styles.
A set of eight brand style guides, one Figma file per brand. Each guide has seven pages: cover, logo usage, colour palette, typography, components, social post templates and a one-page guide. Colours, fonts and imagery were sampled from each brand's live website. Every file also has a component library page with real Figma components and auto layout: a Button set (Primary, Secondary and Outline by Default, Hover, Focus and Disabled, 12 variants), Badges, Cards with nested instances, and three Social post templates, all bound to local colour variables, plus text styles in the brand fonts. Each colour palette lists contrast ratios for its text pairs. Hover, focus and disabled states and the logo do and don't rules are my recommendations, not rules taken from the sites. Brands: The Imaji Nation (theimajination.ca), Yorkwin (yorkwin.com), Where Am I From (whereamifrom.net), Ventist (ventist.com), Life OS (oslife.live), Walters Weddings (its branded page on eventerprise.ai), Cool Sweepings (coolsweepings.com) and Eventerprise (eventerprise.ai).