Craft Design System
Craft DS is a meticulously designed and forward-thinking design system. It emphasizes precision, scalability, and consistency through the use of design tokens. With over 2500 versatile components and modular sections, it streamlines design processes while maintaining a unified aesthetic. Craft DS is a testament to innovation, offering designers a powerful tool for creating cohesive and enduring design experiences.
01
Overview
Craft DS was created in January 2023 to provide a strong foundation for product development, focusing on organization, scalability, and maintainability. This personalized design system stores pages, sections, components, icons, illustrations and design tokens, working with Figma, Framer, and Webflow. It values precision, scalability, and consistency, evolving into a versatile collection of design elements and serving as the cornerstone for all design endeavors.
01
Overview
Craft DS was created in January 2023 to provide a strong foundation for product development, focusing on organization, scalability, and maintainability. This personalized design system stores pages, sections, components, icons, illustrations and design tokens, working with Figma, Framer, and Webflow. It values precision, scalability, and consistency, evolving into a versatile collection of design elements and serving as the cornerstone for all design endeavors.
01
Overview
In 2023, Goosebumps was born out of a simple yet impactful concept - the phrase "it gives me goosebumps." Initially a personal endeavor, this subscription agency, founded by a solo entrepreneur, aimed to convey the same excitement through its design and web services. It wasn't just a rebranding; Goosebumps marked the inception of an entirely new brand. The branding journey involved creating a unique animated goose logo, representing dynamic design. Using the Framer design tool, the Goosebumps website achieved an impressive 89% conversion rate, underscoring the effectiveness of the solo creator's vision and the appeal of Goosebumps' design and web services.
02
Design Tokens
Craft DS prioritizes design consistency by utilizing design tokens, which encapsulate key design elements like colors and typography. These tokens serve as a foundation, ensuring a uniform and easily manageable design system. Craft DS's support for design tokens simplifies cross-platform design, making it easy to maintain a consistent look across various platforms like Figma and Webflow. Additionally, design tokens enhance scalability and maintenance, connecting design and development to facilitate global changes in the system, ensuring a visually appealing and adaptable design over time.
02
Design Tokens
Craft DS prioritizes design consistency by utilizing design tokens, which encapsulate key design elements like colors and typography. These tokens serve as a foundation, ensuring a uniform and easily manageable design system. Craft DS's support for design tokens simplifies cross-platform design, making it easy to maintain a consistent look across various platforms like Figma and Webflow. Additionally, design tokens enhance scalability and maintenance, connecting design and development to facilitate global changes in the system, ensuring a visually appealing and adaptable design over time.
02
Design Tokens
In 2023, Goosebumps was born out of a simple yet impactful concept - the phrase "it gives me goosebumps." Initially a personal endeavor, this subscription agency, founded by a solo entrepreneur, aimed to convey the same excitement through its design and web services. It wasn't just a rebranding; Goosebumps marked the inception of an entirely new brand. The branding journey involved creating a unique animated goose logo, representing dynamic design. Using the Framer design tool, the Goosebumps website achieved an impressive 89% conversion rate, underscoring the effectiveness of the solo creator's vision and the appeal of Goosebumps' design and web services.
03
Components
Craft DS boasts an extensive library of over 2500 components, meticulously designed to cater to diverse needs, from basic navigation to intricate data displays. This robust collection serves as a flexible toolkit, enabling swift and efficient design work. As the sole contributor to Craft DS, my focus on creating modular components ensures a streamlined design process, allowing for quick adaptability across different situations. Components like buttons, icons, and interactive features exemplify this approach, enhancing the precision and efficiency of my work. Craft DS embodies my commitment to consistency and versatility, ensuring a unified and visually appealing design across user interfaces, interactive elements, and data displays.
03
Components
Craft DS boasts an extensive library of over 2500 components, meticulously designed to cater to diverse needs, from basic navigation to intricate data displays. This robust collection serves as a flexible toolkit, enabling swift and efficient design work. As the sole contributor to Craft DS, my focus on creating modular components ensures a streamlined design process, allowing for quick adaptability across different situations. Components like buttons, icons, and interactive features exemplify this approach, enhancing the precision and efficiency of my work. Craft DS embodies my commitment to consistency and versatility, ensuring a unified and visually appealing design across user interfaces, interactive elements, and data displays.
03
Components
In 2023, Goosebumps was born out of a simple yet impactful concept - the phrase "it gives me goosebumps." Initially a personal endeavor, this subscription agency, founded by a solo entrepreneur, aimed to convey the same excitement through its design and web services. It wasn't just a rebranding; Goosebumps marked the inception of an entirely new brand. The branding journey involved creating a unique animated goose logo, representing dynamic design. Using the Framer design tool, the Goosebumps website achieved an impressive 89% conversion rate, underscoring the effectiveness of the solo creator's vision and the appeal of Goosebumps' design and web services.
04
Sections
Craft DS relies on versatile "Sections" as essential building blocks for streamlined and adaptable web page design. These well-organized components, including headers, footers, and "Core" sections, offer quick and flexible options for creating web pages. Prioritizing strategic design, I focus on crafting sections that ensure consistency and scalability within Craft DS, enhancing overall design while adhering to established rules. Notably, sections like the Hero section provide diverse options, accommodating various design needs while maintaining cohesion. The commitment to design consistency, facilitated by connected design tokens, ensures efficient and high-quality outcomes, making my design work faster and more controlled within the Craft DS framework.
04
Sections
Craft DS relies on versatile "Sections" as essential building blocks for streamlined and adaptable web page design. These well-organized components, including headers, footers, and "Core" sections, offer quick and flexible options for creating web pages. Prioritizing strategic design, I focus on crafting sections that ensure consistency and scalability within Craft DS, enhancing overall design while adhering to established rules. Notably, sections like the Hero section provide diverse options, accommodating various design needs while maintaining cohesion. The commitment to design consistency, facilitated by connected design tokens, ensures efficient and high-quality outcomes, making my design work faster and more controlled within the Craft DS framework.
04
Sections
In 2023, Goosebumps was born out of a simple yet impactful concept - the phrase "it gives me goosebumps." Initially a personal endeavor, this subscription agency, founded by a solo entrepreneur, aimed to convey the same excitement through its design and web services. It wasn't just a rebranding; Goosebumps marked the inception of an entirely new brand. The branding journey involved creating a unique animated goose logo, representing dynamic design. Using the Framer design tool, the Goosebumps website achieved an impressive 89% conversion rate, underscoring the effectiveness of the solo creator's vision and the appeal of Goosebumps' design and web services.
05
Pages
In my Craft DS design system, I've created diverse page categories like "homepage," "services," and "blog," each with sections seamlessly fitting into the overall design. These templates, covering everything from basics to specialized pages, provide a solid foundation for web design projects. When using pre-designed pages, I duplicate the template in Figma, maintaining a link to the design system. This allows a balance between system adherence and creative freedom. Applying changes, I shift to a UI library for structured yet adaptable designs. This quick process, under an hour, empowers me in client projects, ensuring efficiency and creative control within Figma.
05
Pages
In my Craft DS design system, I've created diverse page categories like "homepage," "services," and "blog," each with sections seamlessly fitting into the overall design. These templates, covering everything from basics to specialized pages, provide a solid foundation for web design projects. When using pre-designed pages, I duplicate the template in Figma, maintaining a link to the design system. This allows a balance between system adherence and creative freedom. Applying changes, I shift to a UI library for structured yet adaptable designs. This quick process, under an hour, empowers me in client projects, ensuring efficiency and creative control within Figma.
05
Pages
In 2023, Goosebumps was born out of a simple yet impactful concept - the phrase "it gives me goosebumps." Initially a personal endeavor, this subscription agency, founded by a solo entrepreneur, aimed to convey the same excitement through its design and web services. It wasn't just a rebranding; Goosebumps marked the inception of an entirely new brand. The branding journey involved creating a unique animated goose logo, representing dynamic design. Using the Framer design tool, the Goosebumps website achieved an impressive 89% conversion rate, underscoring the effectiveness of the solo creator's vision and the appeal of Goosebumps' design and web services.
06
Navigation
Craft DS utilizes a structured left sidebar navigation system, offering access to key sections like "Pages," "Sections," "Components," and "Styles." This hierarchy includes subpages for easy access. The consistent design of the header and sidebar ensures users always know their location within Craft DS, using breadcrumb trails like "Sections > Modular Sections > Section Name" for precision. The sidebar enables effortless exploration with a user-friendly menu that adjusts dynamically, facilitating quick and accessible navigation through different sections, components, or styles.
06
Navigation
Craft DS utilizes a structured left sidebar navigation system, offering access to key sections like "Pages," "Sections," "Components," and "Styles." This hierarchy includes subpages for easy access. The consistent design of the header and sidebar ensures users always know their location within Craft DS, using breadcrumb trails like "Sections > Modular Sections > Section Name" for precision. The sidebar enables effortless exploration with a user-friendly menu that adjusts dynamically, facilitating quick and accessible navigation through different sections, components, or styles.
06
Navigation
In 2023, Goosebumps was born out of a simple yet impactful concept - the phrase "it gives me goosebumps." Initially a personal endeavor, this subscription agency, founded by a solo entrepreneur, aimed to convey the same excitement through its design and web services. It wasn't just a rebranding; Goosebumps marked the inception of an entirely new brand. The branding journey involved creating a unique animated goose logo, representing dynamic design. Using the Framer design tool, the Goosebumps website achieved an impressive 89% conversion rate, underscoring the effectiveness of the solo creator's vision and the appeal of Goosebumps' design and web services.
Nice things people say
"Using his Design System and ready Figma components it's heaven for teammates. I would recommend him to anybody."
Alina Prigotska
Senior UX/UI Designer
at
Unity
“Riccardo is a talented an passionate designer, and I can't praise enough him for his methodical work”
Stefano Bartoletti
Freelancer
at
stefanobartoletti.it
"Riccardo's attention to tiny details and ability to communicate design principles made our working process seamless and pleasant 🦄 "
Mayah Arutinova
Freelancer
at
Toptal
"He's not only easy to collaborate with but also ensures his designs are well-structured and logically constructed. "
Tanya Matyushenko
Webflow Expert and Developer
at
Upwork
"Riccardo is very attentive, and his work with the design system is fantastic. He knows how to explain and teach."
Inna Ramashko
Lead UI Designer
at
Calidat
Got a project in mind? Let's talk :)
©2023 — 2024
Nice things people say
"Using his Design System and ready Figma components it's heaven for teammates. I would recommend him to anybody."
Alina Prigotska
Senior UX/UI Designer
at
Unity
“Riccardo is a talented an passionate designer, and I can't praise enough him for his methodical work”
Stefano Bartoletti
Freelancer
at
stefanobartoletti.it
"Riccardo's attention to tiny details and ability to communicate design principles made our working process seamless and pleasant 🦄 "
Mayah Arutinova
Freelancer
at
Toptal
"He's not only easy to collaborate with but also ensures his designs are well-structured and logically constructed. "
Tanya Matyushenko
Webflow Expert and Developer
at
Upwork
"Riccardo is very attentive, and his work with the design system is fantastic. He knows how to explain and teach."
Inna Ramashko
Lead UI Designer
at
Calidat
Got a project in mind? Let's talk :)
©2023 — 2024
Nice things people say
"Using his Design System and ready Figma components it's heaven for teammates. I would recommend him to anybody."
Alina Prigotska
Senior UX/UI Designer
at
Unity
“Riccardo is a talented an passionate designer, and I can't praise enough him for his methodical work”
Stefano Bartoletti
Freelancer
at
stefanobartoletti.it
"Riccardo's attention to tiny details and ability to communicate design principles made our working process seamless and pleasant 🦄 "
Mayah Arutinova
Freelancer
at
Toptal
"He's not only easy to collaborate with but also ensures his designs are well-structured and logically constructed. "
Tanya Matyushenko
Webflow Expert and Developer
at
Upwork
"Riccardo is very attentive, and his work with the design system is fantastic. He knows how to explain and teach."
Inna Ramashko
Lead UI Designer
at
Calidat