I wanted a site that was very straightforward, with some transitional flourishes to keep it interesting. I went with 1 typeface (3 weights), 3 colors (RYB primary colors), no images, just text.
For the transitions, I wanted to have each page's content appear only as its background swipes through it. It works in Chrome (seen here!) but unfortunately Firefox doesn't support `clip-path` shapes :( I tried using an SVG `clip-path` to solve that, but of course Chrome has a bug which prevents it from rendering :(
Alas. So until one of those things is fixed (or I find another way to achieve this properly), a Dribbble shot will have to do and I'll settle for a transition I'm less thrilled about.
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2019 Dribbble. All rights reserved.
Join us for a full day inspiration-festfor designers, June 6 2019.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.