Design System Playground

Dev tools

theme generator

SHOW HN2019

Design System Playground

I created this as a tool for playing around with different font and color combinations then generating a…

design-system-playground.netlify.com

#design system#theme generator#font pairing#color palette#system ui theme

85points
5comments
#568of 2,195 in 2019
Top 26%of 2019 by points

How HN took it

QuietFewer than 5 comments about the project

1 positive, 0 neutral or asking, 1 mixed, 0 critical, out of 2 comments about the project.

Design: 1 for, 0 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Intuitive and produces good results

    From 1 comment
    • This is really, really great! Extremely intuitive and created great results for me. Here's a few suggestions — please feel free to take them with a grain of salt: * The "theme"…
      tjwds on HN
  • Helpful guidance for building a theme

    From 1 comment
    • Great job in building this. I had some trouble wrapping my head around the steps I was making. Maybe a little more instructions on the side would be a good addition. Maybe start…
      marapuru on HN

Objections

  • Body font step appears slowly and the page shifts

    From 1 comment
    • This is really, really great! Extremely intuitive and created great results for me. Here's a few suggestions — please feel free to take them with a grain of salt: * The "theme"…
      tjwds on HN
  • Default extra colors are weak; no color picker

    From 1 comment
    • This is really, really great! Extremely intuitive and created great results for me. Here's a few suggestions — please feel free to take them with a grain of salt: * The "theme"…
      tjwds on HN
  • Unclear steps and naming (theme vs design system)

    From 1 comment
    • Great job in building this. I had some trouble wrapping my head around the steps I was making. Maybe a little more instructions on the side would be a good addition. Maybe start…
      marapuru on HN

Requests

  • Add a back button

    From 1 comment
    • This is really, really great! Extremely intuitive and created great results for me. Here's a few suggestions — please feel free to take them with a grain of salt: * The "theme"…
      tjwds on HN
  • Add color pickers for generated colors

    From 1 comment
    • This is really, really great! Extremely intuitive and created great results for me. Here's a few suggestions — please feel free to take them with a grain of salt: * The "theme"…
      tjwds on HN
  • Link theme-ui docs in the theme section

    From 1 comment
    • This is really, really great! Extremely intuitive and created great results for me. Here's a few suggestions — please feel free to take them with a grain of salt: * The "theme"…
      tjwds on HN
  • Add instructions beside the steps and show a finished theme

    From 1 comment
    • Great job in building this. I had some trouble wrapping my head around the steps I was making. Maybe a little more instructions on the side would be a good addition. Maybe start…
      marapuru on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/21241202)