Agency and business services design systems
Design systems extracted from agencies, studios, consultancies and business services websites. A studio's own site doubles as its portfolio, so these systems often carry bolder type and more personality than a typical product site.
2 DESIGN.md examples in this category, from Magentix Studio and Shopify. Extracted from each site’s public pages, not official brand guidelines. New to the format? Read what a DESIGN.md is.
Magentix Studio
Magentix Studio dresses an AI-first product studio in editorial, art-gallery clothing. The personality is calm and craft-driven: oversized Fraunces serif headlines (often with italic accents like *come together* and *Say hello.*) sit over warm off-white surfaces, while muted sans
Shopify
Shopify's marketing homepage uses a dramatic full-bleed video hero with a near-black (#02090a) background that contrasts sharply with the white navigation bar above. The primary brand accent is a vivid mint green (#36f4a4) used sparingly for highlights and interactive states. Typography is split between NeueHaasGrotesk for display/editorial headings and Inter-Variable for UI body copy. CTAs use fully-rounded pill shapes (border-radius: 9999px). The overall system is confident, high-contrast, and aspirational — built to convert visitors into merchants.
Don’t see the site you need?
Paste any URL to get a DESIGN.md from any website. Colors, typography, spacing, and tokens, ready for your AI workflow.