Consistency Across Products
Our commitment to consistency ensures every product feels unified and functional. By harmonizing colors, typography, and components – while prioritizing accessibility – we deliver inclusive and cohesive experiences.
Unlocking Efficiency and Consistency
Discover how the Solid Design System enhances your workflow by streamlining collaboration providing a sustainable foundation for all digital products.
Lorem ipsum
1
00:00:00.000 --> 00:00:04.000
A bond unbroken, usability
2
00:00:04.001 --> 00:00:08.000
We weave the fabric of digital reality
[Chorus]
I'm here to light the path you walk, ohh
Under the stars where dreams we talk
I won't falter, steady and sure
Tryna bring joy, eternal, pure
3
00:00:08.001 --> 00:00:12.000
[Chorus]
I'm here to light the path you walk, ohh
Under the stars where dreams we talk
I won't falter, steady and sure
Tryna bring joy, eternal, pure
4
00:00:12.001 --> 00:00:16.000
[Chorus]
I'm here to light the path you walk, ohh
Under the stars where dreams we talk
I won't falter, steady and sure
Tryna bring joy, eternal, pure
5
00:00:16.001 --> 00:00:20.000
[Chorus Continuation]
Hey, Solid Components, they gleam
Usable, consistent like a dream
In the net of codes, we're threading
Creating visions that we're spreading
Solid Design System, seamless team
In this digital flow, we stream
6
00:00:20.001 --> 00:00:24.000
[Chorus Continuation]
Woven strong, a network supreme
With Solid Components, we're the dream team
What Solid DS stands for
High-Quality Components
We follow a rigorous iterative process to ensure quality and accessibility. Crafted for adaptability, they feature versatile slots and variants, seamlessly transforming into high-fidelity solutions.
Streamlined Design Process
We bridge design and development with reusable, well-documented components that save time and tasks. With seamless handoff and versatile options, teams can refine products while ensuring consistency and quality.
Keeping State-of-the-Art Standards
Our commitment to excellence drives innovation. Continuous updates based on product needs, user feedback, and best practices ensure our library adapts quickly while remaining consistent and efficient.
Benefits for Solid DS Stakeholders
Cohesive Brand Experience
Brand managers benefit from a design system that ensures consistency, CD compliance, and a cohesive user experience. It reduces costs, improves product quality, enhances efficiency, and streamlines collaboration, supporting scalability and growth.
The Solid Design System (SDS) is Union Investment's guiding framework for establishing a consistent digital brand appearance across all touchpoints. It has significantly improved our workflows – ensuring greater consistency in both visual design and user experience, while also making our processes more time- and cost-efficient.
Sandra Clemens
Senior Brand Manager
A reliable framework
Product owners benefit from a design system that provides a reliable framework for planning and cost estimation. It reduces inconsistencies, minimizes iterations, and simplifies project management by making outcomes measurable and predictable.
The Solid System helps us as a team to quickly and easily roll out changes regarding, for example, design or accessibility across our entire frontend, i.e., all CMS components, and thus act resource-efficiently and effectively. In my role as a Product Owner, I find this very helpful, as it allows us to avoid redundant activities with our valuable developer resources.
Martha Schick-von Flotow
Product Owner
Enhanced Prototyping
Designers and managers gain faster product prototyping and development through reusable libraries built on clear principles. Solid DS ensures measurable outcomes, fosters continuous improvements, and enables data-driven insights to be seamlessly integrated into future projects.
I see the Solid Design System as a key driver for taking efficiency and user experience to a new level. Standardized usability, reusable components, and significantly increased development velocity make it essential for creating outstanding web experiences.
Sebastian Schulz
UX Design Manager
A streamlined workflow
Developers gain a streamlined workflow with a design system tailored to their needs. The robust component library supports consistent, flexible implementation and scalability. It enhances efficiency, accelerates development, and fosters seamless collaboration with other teams.
The Solid Design System increases my efficiency as a developer by providing accessible, reusable components that meet modern development standards and align with our corporate design. It was instrumental in implementing our new fundssearch and fundportrait applications, helping us create a modern, clean interface that enhances user experience while maintaining visual consistency.
Marc Matthiae
Software Developer
Accelerate Workflows with Solid DS
Seamless Collaboration
Solid DS ensures consistent, high-quality experiences through collaborative evolution. The team evaluates new needs for system-wide impact, refines approved updates, and integrates them to maintain brand alignment, streamline development, and strengthen the design language.
New to Solid DS?
Dive into our resources – explore the Github repository, Figma design files, and Storybook to streamline your workflow and collaborate seamlessly. With Solid DS your team can focus on your product and business logic.
Github
Track progress through tickets and stay aligned with our roadmap to collaborate and build effectively.
Figma
Explore our component library and documentation to get familiar with design standards and best practices.
Storybook
Browse our interactive library to see components in action and ensure consistency across your builds.
Transform your Product with Solid DS Experts
Solid Consulting
We are thrilled to support you and your product.
Enhanced User Experience
Transform your product with our team’s expert UI/UX reviews, tailored design solutions, and actionable insights that create seamless, intuitive, and engaging user experiences.
Increased Accessibility
Partner with our team to build inclusive experiences with our accessibility audits and hands-on guidance, ensuring your product is welcoming to every user.
Reliable Functionality
Collaborate with us to ensure flawless performance with expert testing protocols, debugging support, and tailored strategies that strengthen the reliability of your projects.
Empowered Teams
Empower your product teams with hands-on workshops led by our experts. Discover best practices for Solid DS adoption and unlock your team’s full creative and operational potential.
Strategic Alignment
Drive impactful results with our consulting services, aligning the design system with your business goals. We ensure seamless integration into projects for cohesive, measurable outcomes.
Together, we Build Sustainability
Sustainability First
Adopting a design system is a step toward a greener future. By streamlining workflows and reducing redundancy we estimate that our design system can deliver potential results such as:
- 50%Faster Development
Reusable components cut time, saving energy equivalent to weeks of home office use.
- -20%Maintenance costs
Consistent components and centralized updates simplify maintenance and save energy.
- 15 treesSaved anually
Unified systems reduce redundant revisions, helping conserve natural resources.
- -20%Lower CO2 Emissions
Streamlined workflows and reduced inefficiencies help cut emissions.
Did you know that?
Union Investment's actions have consistently been guided by principles of sustainability. That's why this web page runs on sustainable energy and we optimized it to produce only 0.05g of CO2 per visit. The