Zafi Branding
Zafi Branding
Zafi Branding
Zafi Branding
Zafi is a natural bug repellent brand built around the idea of “repellent reimagined.” Made with natural ingredients, their products are designed to protect both people and the planet from harmful toxins. The goal was to make it feel more like skincare, versus the typical sticky drugstore bug spray.
Zafi is a natural bug repellent brand built around the idea of “repellent reimagined.” Made with natural ingredients, their products are designed to protect both people and the planet from harmful toxins. The goal was to make it feel more like skincare, versus the typical sticky drugstore bug spray.
Zafi is a natural bug repellent brand built around the idea of “repellent reimagined.” Made with natural ingredients, their products are designed to protect both people and the planet from harmful toxins. The goal was to make it feel more like skincare, versus the typical sticky drugstore bug spray.
Zafi is a natural bug repellent brand built around the idea of “repellent reimagined.” Made with natural ingredients, their products are designed to protect both people and the planet from harmful toxins. The goal was to make it feel more like skincare, versus the typical sticky drugstore bug spray.
Zafi is a natural bug repellent brand built around the idea of “repellent reimagined.” Made with natural ingredients, their products are designed to protect both people and the planet from harmful toxins. The goal was to make it feel more like skincare, versus the typical sticky drugstore bug spray.
Role
Role
I handled the logo, my partner worked on the color palette and icons, and we both contributed to the collateral.
I handled the logo, my partner worked on the color palette and icons, and we both contributed to the collateral.
Timing
Timing
The branding process took about a month and a half, with feedback rounds included.
The branding process took about a month and a half, with feedback rounds included.
Deliverables
Logo
Look &Feel
Style Guide
Product Labels
Website
Role
I handled the logo, my partner worked on the color palette and icons, and we both contributed to the collateral.
Timing
The branding process took about a month and a half, with feedback rounds included.
Deliverables
Logo
Look &Feel
Style Guide
Product Labels
Website
Role
I handled the logo, my partner worked on the color palette and icons, and we both contributed to the collateral.
Timing
The branding process took about a month and a half, with feedback rounds included.
Deliverables
Logo
Look &Feel
Style Guide
Product Labels
Website
Credits
Credits
Co-created with
Wild Cube Design.
Co-created with Wild Cube Design.
Deliverables
Logo
Look &Feel
Style Guide
Product Labels
Website
Credits
Co-created with
Wild Cube Design.
Deliverables
Logo
Look &Feel
Style Guide
Product Labels
Website
Credits
Co-created with
Wild Cube Design.
Deliverables
Logo
Look &Feel
Style Guide
Product Labels
Website
Icons
Color Palette
Color Palette
#4E2D34
#AD7275
#FFFA7D
#F0EEE5
#E6F1F6
#EAF4B7
Icons
Color Palette
#4E2D34
#AD7275
#FFFA7D
#F0EEE5
#E6F1F6
#EAF4B7
Icons
Color Palette
#4E2D34
#AD7275
#FFFA7D
#F0EEE5
#E6F1F6
#EAF4B7
Icons
Color Palette
#4E2D34
#AD7275
#FFFA7D
#F0EEE5
#E6F1F6
#EAF4B7
Icons
Color Palette
#4E2D34
#AD7275
#FFFA7D
#F0EEE5
#E6F1F6
#EAF4B7
Made by me with love, sweat, and tears in Framer.
Made by me with love, sweat,
and tears in Framer.
Made by me with love, sweat, and tears in Framer.
Made by me with love, sweat, and tears in Framer.
Tell me my website is cute.
Tell me my website is cute.
Tell me my
website is cute.
Tell me my website is cute.
Tell me my website is cute.
Made with love, sweat, and tears in Framer.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg"><g d="M 0.012 3.095 C -0.005 2.934 -0.004 2.62 0.012 2.459 C 0.221 0.265 2.867 -0.775 4.493 0.662 C 6.491 2.429 5.091 5.748 2.444 5.525 C 1.24 5.424 0.141 4.322 0.012 3.095 Z M 18.728 18.994 L 13.864 18.994 L 13.864 11.569 C 13.864 11.424 13.559 10.916 13.443 10.803 C 12.573 9.948 11.012 10.591 11.012 11.794 L 11.012 18.994 L 6.184 18.994 L 6.184 5.94 L 10.829 5.94 L 10.829 6.651 L 11.84 6.02 C 14.9 4.563 18.489 6.625 18.728 10.073 Z M 5.121 5.946 L 5.121 19 L 0.293 19 L 0.293 5.946 L 5.121 5.946 Z" fill="transparent" height="19px" id="VbtsDO6vh" width="18.728361794016564px"><path d="M 0.012 3.095 C -0.005 2.934 -0.004 2.62 0.012 2.459 C 0.221 0.265 2.867 -0.775 4.493 0.662 C 6.491 2.429 5.091 5.748 2.444 5.525 C 1.24 5.424 0.141 4.322 0.012 3.095 Z" fill="rgba(255, 255, 255, 0.7)" height="5.535838903001835px" id="iZQi_H2IW" transform="translate(0 0)" width="5.438252451949418px"/><path d="M 12.544 13.447 L 7.68 13.447 L 7.68 6.023 C 7.68 5.877 7.375 5.37 7.259 5.256 C 6.388 4.401 4.827 5.044 4.827 6.247 L 4.827 13.447 L 0 13.447 L 0 0.393 L 4.644 0.393 L 4.644 1.104 L 5.655 0.473 C 8.715 -0.984 12.304 1.079 12.544 4.527 Z" fill="rgba(255, 255, 255, 0.7)" height="13.447227678894729px" id="j1wEYui3Y" transform="translate(6.184 5.546)" width="12.543914982340539px"/><path d="M 4.828 0 L 4.828 13.054 L 0 13.054 L 0 0 L 4.827 0 Z" fill="rgba(255, 255, 255, 0.7)" height="13.053755315041599px" id="upWgSqIiU" transform="translate(0.293 5.946)" width="4.827779267698816px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 14" xmlns="http://www.w3.org/2000/svg"><path d="M 18.3 0 L 1.657 0 C 0.743 0 0 0.76 0 1.693 L 0 12.648 C 0 13.581 0.743 14.341 1.657 14.341 L 18.3 14.341 C 19.213 14.341 19.956 13.581 19.956 12.648 L 19.956 1.693 C 19.956 0.76 19.213 0 18.3 0 Z M 18.3 13.142 L 17.929 13.142 L 12.892 8.051 C 11.98 9.012 11.227 9.836 9.801 9.766 C 8.532 9.703 7.889 8.851 7.037 8.051 L 2.028 13.142 L 1.657 13.142 C 1.39 13.142 1.174 12.92 1.174 12.648 L 1.174 12.261 L 6.19 7.156 L 1.173 2.081 L 1.173 1.693 C 1.173 1.421 1.39 1.199 1.657 1.199 L 2.028 1.199 L 8.846 8.148 C 9.524 8.71 10.432 8.71 11.111 8.148 L 17.929 1.199 L 18.3 1.199 C 18.567 1.199 18.783 1.421 18.783 1.693 L 18.783 2.081 L 13.767 7.185 L 18.783 12.26 L 18.783 12.648 C 18.783 12.92 18.566 13.142 18.3 13.142 Z" fill="rgba(255, 255, 255, 0.7)" height="14.340942342780068px" id="KbZ0b4oE_" width="19.956450603566964px"/></svg>)
Tell me my website is cute.
Made with love, sweat, and tears in Framer.