![Web Design ui ux Website Design typography typography design type Interaction design 3D 3d art ui design](https://mir-s3-cdn-cf.behance.net/project_modules/1400/817b45189604799.65c50f34c669d.jpg)
Casa di Solare
A digital oasis and home to the beautiful new font family by Nikolas Type. When Nikolas approach us with this project we jumped at the opportunity to push the boundaries of what a typography showcase could be. Taking inspiration from the font name "Solare" and the origins of it's design, the sun and it's magical power has highly influenced all aspects of the website, from sun dial text displays to the striking yellow tones in the UI.
![Web Design ui ux Website Design typography typography design type Interaction design 3D 3d art ui design](https://mir-s3-cdn-cf.behance.net/project_modules/1400/b0f0b6189604799.65c4f424a1cb0.png)
![Web Design ui ux Website Design typography typography design type Interaction design 3D 3d art ui design](https://mir-s3-cdn-cf.behance.net/project_modules/1400/f040fd189604799.65c22e0ba2644.jpg)
![Web Design ui ux Website Design typography typography design type Interaction design 3D 3d art ui design](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/3744b2189604799.65c500a3ca1eb.png)
![Web Design ui ux Website Design typography typography design type Interaction design 3D 3d art ui design](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/c90b6a189604799.65c500a3c8b8c.png)
How do you create visual metaphors for the weights of a font family?
As with every element on the website, we were deeply inspired by the origins of the type design and came up with the concept of tying the font weights to levels of sunlight. This created a powerful visual link between the weights and intensities.
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ea378c189604799.65ae4f439aa42.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/05be4f189604799.65ae4f439f05e.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/828e03189604799.65ae4f43a1395.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/c7030c189604799.65ae4f4399fa5.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/a7debe189604799.65ae4f43a075d.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ac135d189604799.65ae4f439fc04.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/192e7b189604799.65ae4f4398952.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/753d80189604799.65ae4f439c1e0.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/ba0905189604799.65ae4f439b63f.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/9d5f0b189604799.65ae4f439da21.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/de3d4a189604799.65ae4f4397caa.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/261aef189604799.65ae4f439e54b.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/080466189604799.65ae4f439941e.jpg)
![](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/c1d004189604799.65ae4f439cd6a.jpg)
![Web Design ui ux Website Design typography typography design type Interaction design 3D 3d art ui design](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/f1644b189604799.65c500a3c7f8d.png)
![Web Design ui ux Website Design typography typography design type Interaction design 3D 3d art ui design](https://mir-s3-cdn-cf.behance.net/project_modules/1400/3d1028189604799.65c22e0ba1942.jpg)
![Web Design ui ux Website Design typography typography design type Interaction design 3D 3d art ui design](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/74636e189604799.65c500a3cad00.png)
![Web Design ui ux Website Design typography typography design type Interaction design 3D 3d art ui design](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/3f1bf8189604799.65c500a3c9702.png)