• 2em base font size is waaaaaay too large. I zoomed out to 50% and breathed a sigh of relief (and later dialed it back up to 67% which was tolerable too and probably more where it should be for such a thing).<p>• radio/checkbox need to be more distinct. I recommend a cross in the checkbox.<p>• Focus styles: you’ve killed the outlines on radio/checkbox and not replaced them with anything better, which is doubleplusungood, and where you <i>haven’t</i> touched the outline, the browser’s default clashes with your style.<p>• It could be fun to try replacing the border technique with feTurbulence + feDisplacementMap, <i>not</i> specifying the SVG’s viewBox/width/height, and using percentages for the sizes of things, allowing it to render at whatever size it needs to be, allowing you to avoid stretching in one direction or the other, though given the same seed the curves of the top and left edges will be consistent. A demo of much the underlying concept can be found within this WIP of my own that’s simultaneously overdone and underdone: <a href="https://temp.chrismorgan.info/2021-12-15-svg-drawn-filters-demo.html" rel="nofollow">https://temp.chrismorgan.info/2021-12-15-svg-drawn-filters-d...</a>, look at the page edge, and fiddle with #paper-fuzzy-edge’s feTurbulence baseFrequency (e.g. 0.05) and feDisplacementMap’s scale (e.g. 20), also twiddling the #paper rect’s x/y/width/height.
Hi, looks great. I don’t see a license in the repo - what is it licensed under? I would definitely consider it for goofier projects but want to make sure it’s permissively licensed first.
Really nice. You could add "::file-selector-button" and "::-webkit-file-upload-button" to your button selectors to style the file input.
Very cool!
I just designed my new portfolio website with a hand drawn “sketch book” style.
<a href="https://www.jdegrootlutzner.com/?utm_campaign=show&utm_source=hn&utm_medium=comment" rel="nofollow">https://www.jdegrootlutzner.com/?utm_campaign=show&utm_sourc...</a><p>And this style could be great for Ben Stoke’s paper website project.
Hi, it looks really great. Reminds me of XKCD-inspired chart themes.<p>Several issues to better respect UI standards:<p>- Controls should have `cursor:pointer` so it show a hand on hover.<p>- Controls should have an active style.<p>- Clicking on a label associated with a checkbox should select/unselect the checkbox, just like radio buttons.<p>- Radio buttons should be visually more distinct from checkboxes, maybe by making them less round.
Love it - only comment I have is to consider (it may not be possible) making the "●" characters in the password entry field match the rest of the design - similar to the stylized radio button asterisk indicators perhaps?<p>Great work.