Strukture
A complete Framer template for SaaS products. Dark design system, built to customize and ship from day one.
SaaS
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 5.333 10.667 L 5.333 16 L 0 10.667 L 0 5.333 L 5.333 5.333 L 0 0 L 10.667 0 L 10.667 5.333 L 5.333 5.333 L 10.667 10.667 Z" fill="rgb(0, 0, 0)" height="16px" id="tj7iBDZvt" transform="translate(7 4)" width="10.666666666666671px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 0 13.333 C 0 11.861 1.194 10.667 2.667 10.667 L 5.333 10.667 L 5.333 13.333 C 5.333 14.806 4.139 16 2.667 16 C 1.194 16 0 14.806 0 13.333 Z M 5.333 0 L 5.333 5.333 L 8 5.333 C 9.473 5.333 10.667 4.139 10.667 2.667 C 10.667 1.194 9.473 0 8 0 Z M 5.307 8 C 5.307 6.527 6.501 5.333 7.973 5.333 C 9.446 5.333 10.64 6.527 10.64 8 C 10.64 9.473 9.446 10.667 7.973 10.667 C 6.501 10.667 5.307 9.473 5.307 8 Z M 0 2.667 C 0 4.139 1.194 5.333 2.667 5.333 L 5.333 5.333 L 5.333 0 L 2.667 0 C 1.194 0 0 1.194 0 2.667 Z M 0 8 C 0 9.473 1.194 10.667 2.667 10.667 L 5.333 10.667 L 5.333 5.333 L 2.667 5.333 C 1.194 5.333 0 6.527 0 8 Z" fill="transparent" height="15.999999364217125px" id="ZPMuA96se" transform="translate(7 4)" width="10.666666348775227px"><path d="M 0 2.667 C 0 1.194 1.194 0 2.667 0 L 5.333 0 L 5.333 2.667 C 5.333 4.139 4.139 5.333 2.667 5.333 C 1.194 5.333 0 4.139 0 2.667 Z" fill="rgb(36, 203, 113)" height="5.333333333333336px" id="DZTq5KDTG" transform="translate(0 10.667)" width="5.333333333333332px"/><path d="M 0 0 L 0 5.333 L 2.667 5.333 C 4.139 5.333 5.333 4.139 5.333 2.667 C 5.333 1.194 4.139 0 2.667 0 Z" fill="rgb(255, 114, 55)" height="5.333333333333332px" id="ZuxferHy7" transform="translate(5.333 0)" width="5.333333333333332px"/><path d="M 0 2.667 C 0 1.194 1.194 0 2.667 0 C 4.139 0 5.333 1.194 5.333 2.667 C 5.333 4.139 4.139 5.333 2.667 5.333 C 1.194 5.333 0 4.139 0 2.667 Z" fill="rgb(0, 182, 255)" height="5.333333333333332px" id="Dcjzu2mcK" transform="translate(5.307 5.333)" width="5.333333333333332px"/><path d="M 0 2.667 C 0 4.139 1.194 5.333 2.667 5.333 L 5.333 5.333 L 5.333 0 L 2.667 0 C 1.194 0 0 1.194 0 2.667 Z" fill="rgb(255, 55, 55)" height="5.333333333333332px" id="mlv8vm9KP" width="5.333333333333332px"/><path d="M 0 2.667 C 0 4.139 1.194 5.333 2.667 5.333 L 5.333 5.333 L 5.333 0 L 2.667 0 C 1.194 0 0 1.194 0 2.667 Z" fill="rgb(135, 79, 255)" height="5.333333333333332px" id="hmKHpfvq5" transform="translate(0 5.333)" width="5.333333333333332px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 16 0 L 10.895 9.981 L 6.099 9.981 L 8.236 5.844 L 8.14 5.844 C 6.377 8.132 3.747 9.639 0 9.981 L 0 5.901 C 0 5.901 2.397 5.76 3.806 4.278 L 0 4.278 L 0 0 L 4.278 0 L 4.278 3.519 L 4.374 3.518 L 6.122 0 L 9.358 0 L 9.358 3.496 L 9.454 3.496 L 11.267 0 Z" fill="rgb(255, 255, 255)" height="9.980503703703665px" id="eHqUCpbEe" transform="translate(4 7)" width="16px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><defs ><linearGradient id="tD4SJsJSI-3420684301-linear-gradient" x1="0" x2="1" y1="0.02746642575338215" y2="0.9725335742466179"><stop offset="0" stop-color="rgb(255, 255, 255)"/><stop offset="1" stop-color="rgba(255, 255, 255, 0)"/></linearGradient><linearGradient id="nIo0w9HfZ-3420684301-linear-gradient" x1="0.48414481841220736" x2="0.5158551815877926" y1="0" y2="1"><stop offset="0" stop-color="rgb(255, 255, 255)"/><stop offset="1" stop-color="rgba(255, 255, 255, 0)"/></linearGradient></defs><g d="M 0 0 L 15 0 L 15 19 L 0 19 Z M 2.178 0 L 0 0 L 0 11.743 L 2.178 11.743 L 2.178 3.853 L 13.273 19 C 13.883 18.552 14.46 18.052 15 17.506 L 2.178 0.002 Z M 11.833 0 L 9.655 0 L 9.655 11.743 L 11.833 11.743 Z" fill="transparent" height="19px" id="Y56gMIGH7" transform="translate(6 5)" width="15px"><path d="M 0 0 L 15 0 L 15 19 L 0 19 Z" fill="transparent" height="19px" id="MKDImeAIX" width="15px"/><path d="M 2.178 0 L 0 0 L 0 11.743 L 2.178 11.743 L 2.178 3.853 L 13.273 19 C 13.883 18.552 14.46 18.052 15 17.506 L 2.178 0.002 Z" fill="url(%23tD4SJsJSI-3420684301-linear-gradient)" height="19px" id="tD4SJsJSI" width="15px"/><path d="M 2.178 0 L 0 0 L 0 11.743 L 2.178 11.743 Z" fill="url(%23nIo0w9HfZ-3420684301-linear-gradient)" height="11.743px" id="nIo0w9HfZ" transform="translate(9.655 0)" width="2.178000000000001px"/></g></svg>)
Secure checkout via
Not the one?
Keep browsing.
Browse more templates and find the one that fits your project.
Got questions?
Everything you need to know before you buy.