Roost is a simple way to generate a quick idea for an overall web aesthetic. Use it for CodePens, use it for practicing CSS, use it for composing your next email, use it for flexing that right-brain of yours!
In a simple form, compose a random set of design contraints such as colors, descriptive adjectives, and fonts, to be used for your next project. Colors are randomly generated on-the-spot, and will not give you particularly icky or too dark of a color. The adjectives are based on a list of terms tossed around in Youtube videos such as this one. The fonts randomly generated are asynchronously fetched from Google's Font API. Once an aesthetic is established, the user may download their "style guide" in a basic PDF, using the JS library pdfJS.
With every one of my projects, I sustain an excitement for further development, and this particular project was a little depressing leaving behind for other priorities. I would love to someday reiterate the project and expand on more specific color palettes, a more fluid loading process with the Google Fonts using React's Suspense, and more elaborate PDF downloads.
Under The Hood
I was learning React at the time of this creation, so React, or more specifically Gatsby, was my bread and butter. It probably was overkill for a smaller school assignment, but I needed practice, and using React allowed for a really great community for when I came to an obstacle in my execution.