Trend: Huge Headlines
They go edge-to-edge and throw anything Dieter Rams has said (about how to introduce your brand) out the window.
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/65000bed298eea2d6556f810_868shots_so.jpg)
Many websites with edge-to-edge titles also feature kinetic elements that transform into a smaller text within the navigation bar. These titles, set at 100vw (100% of the viewport width), undoubtedly grab attention and showcase the intricacies of various fonts, including traditional designs like ink traps. Neat.
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/64123755440d957960e4aba5_CleanShot%202023-03-15%20at%2021.23.18.png)
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/64123814e014492787823ba3_CleanShot%202023-03-15%20at%2021.26.32.png)
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/640c7791f79bec2ae8419230_CleanShot%202023-03-11%20at%2012.43.52.png)
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/641235b2da18b4c086a3880e_CleanShot%202023-03-15%20at%2021.16.11.png)
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/64123642a6d25d0669a765de_CleanShot%202023-03-15%20at%2021.18.43.png)
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/640c78d94efe7c58be65f91a_CleanShot%202023-03-11%20at%2012.49.18.png)
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/640c7917eb1e2724a7b19f15_CleanShot%202023-03-11%20at%2012.50.18.png)
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/640c793e3ecaf8e9b735d0cb_CleanShot%202023-03-11%20at%2012.51.02.png)
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/640c985fdb7cbc75c3ebc604_CleanShot%202023-03-11%20at%2015.03.41.png)
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/640c986ed086fd4ea3b693ec_CleanShot%202023-03-11%20at%2015.01.02.png)
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/640c98872e2b167c931b892e_CleanShot%202023-03-11%20at%2015.03.19.png)
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/640c78b2791fc76d932a8acc_CleanShot%202023-03-11%20at%2012.48.42.png)
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/65000b845b719db40c1a76b7_skyy.jpg)
Photo series: Sky
For years now, I've been capturing gradients in the sky. Straight from iPhone—no editing.
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/640b2f2ee3594b0e742742d9_donkey-republic.jpg)
Lessons: Creating 3 Design Systems
Thousands of design tokens explored, hundreds of components built and rebuilt and countless refactors as I've learned better ways to do things.
![](https://cdn.prod.website-files.com/6397275723b54d96ecce7b24/64cff0d52293c2299fc74391_02.jpg)
Brief History: Design Tokens
Design decisions, translated into data—design tokens are the source of truth to unify and maintain design at scale.