Spirit design system is a set of continuously developed UI libraries for designers and developers that Alma Career uses to construct its products and services.
It has been used for setting up the individual design systems of Jobs.cz, Seduo, Teamio, Atmoskop and Prace za Rohem.
Spirit consists of:
- This documentation
- Libraries in Figma
- Repositories on Github
- npm packages
Why use Spirit
In the fast-paced world of web development, efficiency and consistency are paramount. A design system is a comprehensive collection of design standards, documentation, and principles aimed at streamlining the creation of user interfaces (UI). Here’s why adopting a design system is beneficial for web production:
1. Faster Creation of UI
One of the primary advantages of a design system is the acceleration of the UI creation process. With a design system in place, developers and designers have access to a library of pre-designed components and patterns. This eliminates the need to design and code UI elements from scratch for every project. Instead, teams can quickly assemble pages using ready-made components, significantly reducing the time required to bring a project from concept to completion.
2. Maintaining a Coherent Design
Consistency is key to providing a seamless user experience. A design system ensures that all UI elements adhere to established design guidelines, creating a unified look and feel across all pages and applications. This coherence not only enhances the aesthetic appeal but also reinforces Alma Career brand identity, making it easier for users to navigate and interact with a different web products.
3. Building Accessible Pages
Accessibility is a crucial aspect of web development, ensuring that websites are usable by people with diverse abilities. A well-crafted design system incorporates accessibility best practices into its components. This provides a solid foundation for building accessible pages, helping developers meet legal requirements and cater to a broader audience. Components designed with accessibility in mind save time and effort, as developers don’t need to retrofit accessibility features into each new project.
4. Staying Up-to-Date with Latest Technologies
Web technologies are constantly evolving, and keeping up with the latest trends and standards can be challenging. A design system addresses this by allowing for continuous updates. When new technologies or best practices emerge, the design system can be updated, and these changes automatically propagate to all projects using it. This ensures that web pages remain current, secure, and performant without requiring extensive rework from development teams.
How to use Spirit
Spirit is designed to make it easy to change your style to match your brand. Just use the libraries you need, and change their token values. This will create a foundation for your design system that you can develop further. For more information see the design tutorial.
