Template
Licenses and setup
What is in this template, where it comes from, and what to do after you remix it.
Template version 1.0
Third-party assets
Gooey Orb
from VoiceOrbs by Alexis Munoz, MIT License. The full license text is at the end of this section and in the header of the Orbi code file.
Gooey Orb license (MIT). Copyright (c) 2026 Alexis Munoz. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
App logos
(Gmail, Google Calendar, Google Chat, Notion, Linear, HubSpot) from Simple Icons, CC0. Logos remain the property of their owners; replace them with the tools your product connects to.
Photos
(blog covers) from Pexels, free license, no attribution required. The avatars are initials made for this template. Swap them for your own before launch.
Google Sans
via Google Fonts, Open Font License.
After you remix
Replace the demo brand: the logo in the Nav and Footer, the name "Orbi" in the copy, and the colors in the color styles and on the Orb Stage (Color A and B). The buttons, glass, FAQ rows, ask bar and mockups take their colors and font from the Orbi code file, not from the styles.
Connect your own tools: log in and sign up are page designs, so link their buttons to your app or auth provider (most teams connect their own OAuth). The changelog field checks the email; set Form action on its Ask Bar to post it to your newsletter tool (without it, the field only shows its thank-you message). The help center search filters the topic cards and popular guides on the page.
Fill the CMS: blog posts, changelog entries and help articles are collections. The demo entries are placeholders; delete or replace them.
Replace the site title, description, social image and favicon in Site Settings with your own, then publish to your domain.
The address, phone number and email in the footer are placeholders. Orbi is a fictional brand made for this template; the testimonials and blog authors are invented.
Keep these layer names (the code finds them by name)
•
Posts List, Category and Empty State (blog filter and pager)
•
Pg Grid and Popular List (help search)
•
Docs Nav (article list on phones)
•
Article Body
•
Article Steps
•
Log Details
•
Latest Posts
•
The home screens named "... Section" (menu links)
•
Glass
•
Orb Slot
•
Cover
•
Arrow
•
Quotes
•
Plan Cards
•
Callout Text
•
Preloader
•
Custom Cursor
•
Footer Tint
•
Log List
•
Footer
•
Site Footer
Used by the custom code in Site Settings (renaming these only switches that detail off)
•
Card Row, Docs Pn and Legal Toc (pressed states)
•
Inner, Hero Bottom, Copy Left, Copy and Copyright Row (space for the Made in Framer badge)
Rename anything else freely.
What is included
13 pages
•
Home (13 screen scroll story)
•
Blog overview and blog post
•
About
•
Changelog
•
Security
•
Help center and help article
•
Log in and sign up
•
Privacy and terms
•
404
Documentation
•
These licenses
•
Template changelog
•
Template documentation, which explains how to edit everything
Components
•
Nav and Footer
•
The 13 home screens, with Desktop, Tablet and Phone layouts
•
Plan Card (Free, Pro, Team)
•
Quote Card
•
Step Cards (the three task cards)
•
Security Card (the four mini interfaces) and Mini Switch
Code components
•
Orb Stage: the orb with six states and the scroll story that drives it
•
Glass, Button, Ask Bar and FAQ Item
•
Nav Links, Mobile Menu and Nav Toggle
•
Progress Dots, Preloader and Custom Cursor
•
Blog Pills, Blog Pager and Log Tags
•
Three animated mockups: planner, mail and chat
Support and refunds
Questions or something broken:
info@zo-e.nl
Refunds follow the policy on the checkout page where you bought the template. If the template does not work as described and we cannot fix it, you get your money back.