Designer Explores Drupal-Native Design Systems with SDC, UI Suite, and Storybook

Staff Reporter

A blog post published by Monet on Lunar Fashion outlines a designer’s ongoing research into integrating design systems with Drupal, focusing on Single Directory Components (SDC), UI Suite, and Storybook.

The author, a long-time Drupal user, highlights past challenges in applying structured design systems to Drupal themes due to a lack of native support. The post reflects on recent advancements starting in late 2024 that now make such integrations possible. Key topics include Drupal’s core adoption of SDC, which enables component-level theming with bundled Twig, CSS, JS, and YAML files.

The blog details experiments using UI Suite modules—UI Patterns, UI Styles, UI Skins, and UI Examples—along with Storybook and the Emulsify toolkit from Four Kitchens. It discusses several experimental themes, including Adobe Spectrum, Academica 2, and Skeleton, created to evaluate these tools. The author also reviews alternative component library solutions like SDC Styleguide and a shared components module. Challenges with stability, performance, and adoption of contributed themes are noted throughout.

Explore the full blog and experimental themes at Lunar Fashion’s design systems page.

Reference: Drupal Design System by Monet Fort (7 November 2025)

Drupal

Design Systems

SDC

UI Suite

Storybook

Drupal 11

Drupal 10

Front End Development

Theming

Disclosure: This content is produced with the assistance of AI.

Disclaimer: The opinions expressed in this story do not necessarily represent that of TheDropTimes. We regularly share third-party blog posts that feature Drupal in good faith. TDT recommends Reader's discretion while consuming such content, as the veracity/authenticity of the story depends on the blogger and their motives.

Note: The vision of this web portal is to help promote news and stories around the Drupal community and promote and celebrate the people and organizations in the community. We strive to create and distribute our content based on these content policy. If you see any omission/variation on this please reach out to us at #thedroptimes channel on Drupal Slack and we will try to address the issue as best we can.