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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.