{"id":13,"date":"2026-03-12T19:14:32","date_gmt":"2026-03-12T19:14:32","guid":{"rendered":"https:\/\/thelittlebluedot.com\/portfolio\/?page_id=13"},"modified":"2026-03-21T16:16:41","modified_gmt":"2026-03-21T16:16:41","slug":"bwm-density-design-system","status":"publish","type":"page","link":"https:\/\/thelittlebluedot.com\/portfolio\/bwm-density-design-system\/","title":{"rendered":"Density"},"content":{"rendered":"
\n
\n
<\/div>\n\n\n
\n
\n
\n
\n
\u2190 Back<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n
<\/div>\n<\/div>\n<\/div><\/div>\n\n
\n
\n
\n

BMW Density Design System<\/h1>\n\n\n\n

BMW Density Design System<\/strong> is a B2B design system used by 300 teams across the BMW Group for internal applications such as production plants, finance, etc.<\/p>\n\n\n\n

Due to confidentiality restrictions, visuals from the design system cannot be shared. This case study focuses on my role in implementation, accessibility improvements, and design system adoption.<\/em><\/p>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
\n

Role<\/strong>
Design System Frontend Developer<\/p>\n\n\n\n

Focus<\/strong>
Accessibility, design systems, component development, design system adoption<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n

<\/div>\n\n\n\n
\"BMW<\/figure>\n\n\n\n
<\/div>\n\n\n
\n
\n
\n

CONTEXT<\/h2>\n<\/div>\n\n\n\n
\n

Critical TechWorks<\/strong> is a joint venture and IT hub for the BMW Group in Portugal. It develops and operates IT applications for development, production, sales, central IT data platforms, and cybersecurity, as well as software for the main platforms used in BMW vehicles.<\/p>\n\n\n\n

The Density Design System<\/strong> was also inherited and maintained by the team in Portugal.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n

<\/div>\n\n\n
\n
\n
\n

PROBLEM<\/h2>\n<\/div>\n\n\n\n
\n

The internal design system<\/strong>, inherited by the team in 2008, required further maturity, improved documentation, and broader adoption.<\/p>\n\n\n\n

When I joined the team in 2023, Density<\/strong> was already a mature and well documented design system<\/strong>. At that time, the main objectives were:<\/p>\n\n\n\n