#Starter Design System for marketing pages

4 messages · Page 1 of 1 (latest)

native gate
#

Today, as part of a bigger launch for kickstartDS, we also launched our demo Design System for https://design-system.agency. It can serve as a great starting point to creating your own Design System! Easily customizable, themeable, you name it! And deeply integrated with Storybook! 💪

We really think from a functional side, this is pretty much best in class! 🚀

See for yourself here: https://storybook.design-system.agency:partywizard:

Your Design System Agency - Systemics

A demo showcase to demonstrate the eternal power of kickstartDS <3

#

In our launch this works as the starting point to branch out into different headless CMS systems, which are automatically connected based on JSON Schema component API definitions in this Design System!

If you want to learn more about that, or would like to support us in our mission to democratize Design Systems, here along:
https://www.producthunt.com/posts/kickstartds-low-code-cms-starters

Product Hunt

Create your next digital experience faster, more consistent and sustainably than ever.

#

In regards to Storybook, I'll try to list all the features included in the Design System above (I'm sure I'm missing some):

  • Auto-generated, rich controls (with array controls) based on JSON Schema inference
  • Everything usable as React or HTML
  • Playroom integration for rapid prototyping, with all component variants automatically converted to presets there
  • Component token addon: test Design and Component Token changes directly in Storybook. Changes persisted in browser session to check different contexts where a component might be embedded
  • JSON Schema addon for data validation, direct (auto-complete assisted) editing of props, and as a reference for the component API
  • Component variants exported to presets.json on build/publish, allowing integration into down-stream systems as presets there
  • Automatic screenshots of components using Playwright / testing setup
  • Storybook composition to show our baseline kickstartDS components in the sidebar
  • Complete publishing setup
  • Easy integration with Chromatic for visual regression testing
  • Completely themed Storybook appearance
  • Theme-switch for all included 4 basic starter themes, usable as a starting point to customize your own Style Dictionary
  • 65 variants of 18 components, immediately usable: https://about.design-system.agency/components/
  • Ready-made (one-click Deploy button-compatible) deployment of CMS integrations for 11ty, Static CMS, Storyblok and Netlify Create / Stackbit

And you can find the repository for that here:
https://github.com/kickstartDS/ds-agency

All Open Source! 🚀 And based on kickstartDS (https://www.kickstartds.com/) behind the scenes!

Your Design System Agency - Systemics

A demo showcase to demonstrate the eternal power of kickstartDS <3

kickstartDS is a comprehensive component and pattern library, enabling web development teams to create consistent and brand compliant web frontends super efficiently