A hero image with a logo (a stylized 'AG' beside the name 'Guild Design System') beside an exploded view of a menu, showing the different layers of components and foundational elements, and the combined menu with finalized and consistent visual design.

Guild Design System: A Scalable Design System for Desktop SaaS —

Info

  • Design System
  • Role: Product Designer
  • Ongoing
  • In Development

Tools

  • Figma

Overview

Building a comprehensive design system for a desktop SaaS application in active development, encompassing design tokens, component libraries, interaction patterns, and accessibility guidelines to support rapid iteration while maintaining design consistency.

Problem

Early product development often leads to inconsistent UI patterns, inefficient design workflows, and technical debt. Without systematic foundations, scaling design across features becomes increasingly difficult and time-consuming.

Goals

  • Establish consistent visual and interaction patterns
  • Improve design and development efficiency
  • Create scalable architecture for future features
  • Ensure accessibility standards are built-in from the start

Solution

A foundational design system built on design tokens with reusable components, documented patterns, and clear guidelines. The system supports iterative development while maintaining flexibility for product evolution and brand alignment.

Building a Scalable, Consistent Design System

Guild Design System establishes the foundational components, patterns, and design tokens for Arrakeen Guild's desktop job search productivity application. Built from the ground up during the early development phase, this system ensures consistency and scalability as the product evolves from concept to launch.

This design system is currently in active development and still undergoing iterative revisions as the system expands.

Copyright © 2016-2025

Designed in Figma & Built with Vue.js by Max Wright