Menu
17.08.2025
Insights
The role of micro interactions in modern web design
19.04.2025
Design
Framer, Webflow, or custom code? Our honest thoughts
08.02.2022
Behind the scenes: How we build brands that stand out
07.06.2020
Designing for trust: How good UX builds customer loyalty
02.01.2023
Process
Moodboards, wireframes & magic: Our design process unpacked
16.08.2025
Top design trends we're watching (and ignoring) in 2025
Get this template
Unlock 35+ Templates
Need to customize this template?
Hire our Framer team!
Get connected with us
![](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>)