Menu
Aug 17, 2025
Insights
The role of micro interactions in modern web design
Apr 19, 2025
Design
Framer, Webflow, or custom code? Our honest thoughts
Feb 8, 2022
Behind the scenes: How we build brands that stand out
Jun 7, 2020
Designing for trust: How good UX builds customer loyalty
Jan 2, 2023
Process
Moodboards, wireframes & magic: Our design process unpacked
Aug 16, 2025
Top design trends we're watching (and ignoring) in 2025
Get this template
Unlock 25+ Templates
Need to customize this template?
Hire our Framer team!
Get connected with us
Create a free website with Framer, the website builder loved by startups, designers and agencies.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g d="M 0 20 L 0 0 L 20 0 L 20 20 Z M 8.125 8.125 L 8.125 16.25 M 2.5 8.125 L 17.5 8.125 M 16.875 3.75 L 3.125 3.75 C 2.78 3.75 2.5 4.03 2.5 4.375 L 2.5 15.625 C 2.5 15.97 2.78 16.25 3.125 16.25 L 16.875 16.25 C 17.22 16.25 17.5 15.97 17.5 15.625 L 17.5 4.375 C 17.5 4.03 17.22 3.75 16.875 3.75 Z" fill="transparent" height="20px" id="h2tWqkB9r" width="20px"><path d="M 0 20 L 0 0 L 20 0 L 20 20 Z" fill="transparent" height="20px" id="LaqXBUhQB" width="20px"/><path d="M 0 0 L 0 8.125" fill="transparent" height="8.125px" id="H67Twkftx" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" stroke="rgb(255, 255, 255)" transform="translate(8.125 8.125)" width="1px"/><path d="M 0 0 L 15 0" fill="transparent" height="1px" id="sZDBogO80" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" stroke="rgb(255, 255, 255)" transform="translate(2.5 8.125)" width="15px"/><path d="M 14.375 0 L 0.625 0 C 0.28 0 0 0.28 0 0.625 L 0 11.875 C 0 12.22 0.28 12.5 0.625 12.5 L 14.375 12.5 C 14.72 12.5 15 12.22 15 11.875 L 15 0.625 C 15 0.28 14.72 0 14.375 0 Z" fill="transparent" height="12.5px" id="AoFKEotBp" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" stroke="rgb(255, 255, 255)" transform="translate(2.5 3.75)" width="15px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g d="M 0 20 L 0 0 L 20 0 L 20 20 Z M 5.625 8.125 C 5.625 7.462 5.888 6.826 6.357 6.357 C 6.826 5.888 7.462 5.625 8.125 5.625 L 9.375 8.125 L 8.412 9.568 C 8.794 10.48 9.52 11.206 10.432 11.588 L 11.875 10.625 L 14.375 11.875 C 14.375 12.538 14.112 13.174 13.643 13.643 C 13.174 14.112 12.538 14.375 11.875 14.375 C 10.217 14.375 8.628 13.716 7.456 12.544 C 6.283 11.372 5.625 9.783 5.625 8.125 Z M 6.244 16.493 C 7.82 17.405 9.673 17.713 11.459 17.359 C 13.244 17.005 14.84 16.014 15.949 14.571 C 17.058 13.127 17.604 11.33 17.485 9.513 C 17.367 7.697 16.592 5.986 15.305 4.699 C 14.017 3.411 12.306 2.636 10.49 2.518 C 8.673 2.399 6.876 2.945 5.432 4.054 C 3.989 5.163 2.998 6.759 2.644 8.544 C 2.291 10.33 2.598 12.183 3.51 13.759 L 2.533 16.677 C 2.496 16.787 2.491 16.905 2.517 17.018 C 2.544 17.131 2.602 17.234 2.684 17.316 C 2.766 17.398 2.869 17.456 2.982 17.483 C 3.095 17.509 3.213 17.504 3.323 17.467 Z" fill="transparent" height="20px" id="Hook8cNoN" width="20px"><path d="M 0 20 L 0 0 L 20 0 L 20 20 Z" fill="transparent" height="20px" id="yvaraEjj9" width="20px"/><path d="M 0 2.5 C 0 1.837 0.263 1.201 0.732 0.732 C 1.201 0.263 1.837 0 2.5 0 L 3.75 2.5 L 2.787 3.943 C 3.169 4.855 3.895 5.581 4.807 5.963 L 6.25 5 L 8.75 6.25 C 8.75 6.913 8.487 7.549 8.018 8.018 C 7.549 8.487 6.913 8.75 6.25 8.75 C 4.592 8.75 3.003 8.091 1.831 6.919 C 0.658 5.747 0 4.158 0 2.5 Z" fill="transparent" height="8.75px" id="EIHgtnNbM" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" stroke="rgb(255, 255, 255)" transform="translate(5.625 5.625)" width="8.75px"/><path d="M 3.744 13.991 C 5.319 14.903 7.172 15.211 8.958 14.857 C 10.744 14.503 12.34 13.512 13.448 12.069 C 14.557 10.625 15.103 8.828 14.985 7.011 C 14.866 5.195 14.091 3.484 12.804 2.197 C 11.517 0.91 9.806 0.135 7.989 0.016 C 6.173 -0.103 4.375 0.443 2.932 1.552 C 1.488 2.661 0.497 4.257 0.144 6.043 C -0.21 7.828 0.098 9.681 1.009 11.257 L 0.032 14.175 C -0.005 14.285 -0.01 14.403 0.017 14.516 C 0.043 14.629 0.101 14.732 0.183 14.814 C 0.265 14.897 0.368 14.954 0.481 14.981 C 0.594 15.007 0.713 15.002 0.823 14.965 Z" fill="transparent" height="15.000045405054369px" id="IyftQN8Oe" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" stroke="rgb(255, 255, 255)" transform="translate(2.501 2.502)" width="15.000709019803542px"/></g></svg>)