Morgan is a foundational Figma design system built to keep UI and UX decisions consistent across multiple product projects.

The system has supported work for Broadstreet Ads, RC Geeks, Noctygen, and other brand-led projects. Rather than locking teams into one visual style, it provides a flexible foundation that can be extended to fit each brand’s identity and product needs.

The design system follows a 5-level atomic design structure:

Atoms: Core UI elements such as color, typography, spacing, icons, and buttons.

Molecules: Small combinations of atoms that form reusable interface patterns.

Organisms: Larger, functional sections built from multiple components.

Templates: Reusable page structures that establish layout and hierarchy.

Pages: Final branded screens assembled from the system.

The goal was to create a professional, scalable foundation for product design. Each layer supports consistent execution while leaving room to adapt the visual language, components, and layouts to the needs of the brand being handled.