{ Design snippets }

Steve Schoger

Steve Schoger @steveschoger

πŸ”₯ Achieving an accessible contrast ratio is very difficult when using white text on a colored background. Using dark colored text on a soft colored background is much easier to make accessible, and usually looks better to boot πŸ‘Œ https://t.co/LXNTS01Ay0

Steve Schoger

Steve Schoger @steveschoger

πŸ”₯ Ever wonder how to produce this duotone color treatment to photos as seen in apps like Spotify? You can achieve this in Photoshop or Affinity Photo by using Gradient Maps. Looks great when applied to portraits 😍 https://t.co/yqTjvJTslG

Steve Schoger

Steve Schoger @steveschoger

πŸ”₯ Get creative with radio button interfaces β€” don’t be limited by the typical list-of-options approach. For example, using selectable cards gives you the freedom to present the options in a more exciting way: https://t.co/fl5xcprVue

Derrick Reimer

Derrick Reimer @derrickreimer

πŸ”₯ For a little extra polish, add a background color to your <body> and different background color on your content wrapper to reveal a surprise splash of color when over-scroll happens. 🎨 https://t.co/k6uCV9AyKT

Steve Schoger

Steve Schoger @steveschoger

πŸ”₯ Don't be afraid to "think outside the database" β€” your UI doesn't need to map one-to-one with your data's fields and values. Here are a few ideas you can use to present "field: value" data in a more interesting way: https://t.co/NoL3wMtjLV

Steve Schoger

Steve Schoger @steveschoger

πŸ”₯ Overlapping images is a great way to add depth to an interface and make it look more β€œdesigned”. Use a border that matches the background color to create distinction and keep things looking clean πŸ‘Œ https://t.co/G4Zs2wLUz0

Adam Wathan

Adam Wathan @adamwathan

Today's new idea: This extended nav area where the first piece of content overlaps the background color πŸ‘ŒπŸ» (from @Netlify) I use this idea a lot on marketing pages but never thought to try and apply it in an application UI. https://t.co/ZDlPZShMvw

Steve Schoger

Steve Schoger @steveschoger

πŸ”₯ Dropdowns can be more than just a boring list of links. They're just boxes, you can do anything you want with them! For example, this two-column layout is great when you want to add supporting text: https://t.co/fh1CxDruSi

Steve Schoger

Steve Schoger @steveschoger

πŸ”₯ Working with images that clash with each other? Try desaturating them to greyscale or colorizing them all with a single color to make them a little more cohesive. https://t.co/R6POfB2WrR