icon-design

SpotifyRooms


This is just a self-initiated product exploration. The idea is to get lots of people in your "room" and everybody listens to the same music! There's voting to queue the next track, and whatnot. EYyy look at me Daniel Ek!
  • The room "owner" can name the room as well as the descriptor name for each user (here it's "jabbawockeez" 🤷🏽), and only room members can invite others into the room
  • Avatars are from the nifty https://tinyfac.es service
  • Fonts used: Montserrat and Helvetica Neue
  • Icons were designed in Sketch

Bezier Square Masking Component (in ReactJS)


_.png
A simple ReactJS component that provides an image mask (SVG) that uses Bezier curves for the corners. There's a great article on HackerNoon about Apple's use of these image masks for iPhone icons. Unfortunately, it does not use a particularly well-supported CSS style mask [caniuse.com]. If you're able to find a hack-around for this please send me a PR!
  • MIT License
  • Bring your own style/CSS-in-JS library!