Please make it really easy to turn off the music...

Useful tip: in Figma, layout grids are not set globally. You can make as many as you want, save them as Layout Grid styles, and apply them per frame (artboard). This means you can set up specific grids for desktop, tablet, and mobile.

https://subclock.com/

UX: marketing messages, product descriptions, and app functions are all mixed together on almost every page. I strongly recommend separating the app from the marketing pages. It will give you space to explain how and why without getting in the way of actually using it. I think stuff like "Why is it sometimes hard to concentrate?" would be better served as part of a blog / newsletter.

Design: your imagery is ok. I recommend replacing the emoticons, they clash with your icons and illustrations. The capitalized header text feels old school. Responsive layouts work great.

Value: you certainly believe in the app, but you've buried how the different parts work together. What are the benefits, beyond points and badges? More importantly, what makes Yourganize different (& better) than the all-in-one systems that already exist?

Hope this helps!

Literally no, please.

1) Don't depend on fullscreen to make everything fit. If it was displayed in a standard macOS window, a user probably couldn't see the Data Object tables very well (maybe one or two fields at a time). It's better to design for an average size window and then scale out.

2) The left menu doesn't allow for real-world topic names that can have more than 8 characters. Some are lower case, others all caps. Be consistent.

3) Data Sources and Sandbox are very close in size which can confuse the user about hierarchy (and looks bad since they're slightly misaligned).

4) Postgres Test 1: indicator arrow over a scrollbar? No.

5) No affordances. It's so monochrome grey I don't know what I'm supposed to do or know if it's working. Sandbox buttons look exactly like list items.

6) Small type + mid-tone colors wouldn't pass an accessibility test.

7) It's awkwardly generic such that it can't be reviewed for UX or product design. Try redesigning an actual enterprise screen. It will teach you a lot about hierarchy strategies and tradeoffs designers have to make.

Creative Cloud is 40% off. If you already subscribe, just "cancel" your subscription and they'll offer the discount.

Getting a bad cert warning in Firefox / MacOS:

Websites prove their identity via certificates. Firefox does not trust this site because it uses a certificate that is not valid for www.monolist.co. The certificate is only valid for monolist.co.

Error code: SSLERRORBADCERTDOMAIN

Copy-catting ain't bad initially. Part of design is knowing the number values for common text sizes, layouts, and rounded corners. Do a few copy-cat layouts and you'll start recognizing common patterns... and exceptions.

Some standard resources:

https://material.io/design/

https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/

There's also Sketch libraries for each platform you can play around with. It's helpful to start with those libraries to become familiar with the built-in core components on each platform.