Welcome to Remote!
I'm Daniela, and I wanted to personally welcome you to Remote!
In this quick guide, I'll show you just how easy it is to make your website out of Remote. We'll cover all the essentials — from picking the perfect colors and fonts to managing your content with our CMS. Ready?
Get started
New to Framer? Nothing to worry about. It's the most intuitive design tool out there, and you'll be surprised how quickly you'll master it.
Before diving in, take a look at Framer Academy — it's packed with all the essentials to get you started on the right foot. And of course — it's free!
About Remote
Let's talk about what you're getting!
Say hello to Remote — a fresh take on SaaS website templates that actually makes sense.
Designed for real businesses like yours: freelancers crafting from home offices, startups disrupting industries, agencies delivering client work — Remote works the way you do.
And the best part: unlike all the templates that rely on static images, we let you customize every element directly on Framer ✨ - from images to icons to UI. No more learning and jumping between tools.
Pages
Remote comes with 13 unique pages and over 50 different sections that you can mix and match like building blocks.
Every section is designed to be flexible, so you can create exactly what you've imagined for your project.
Homepage
Company
Resources
Utilities
Design
Typography
Remote uses Onest — a clean and modern typeface that's perfect for tech websites. The best part? It's already in Framer, so you're all set!
Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
paragraphs
Extra Large paragraph
Large paragraph
Medium paragraph
Small paragraph
Icons
For icons, Remote uses Phosphor - a beautifully clean and stylish icon collection.
While they're integrated into Framer, here's a pro tip 💡 — you can browse their full library on their website to find exactly what you need, then just search for that same icon name in Framer. Simple!
UI
Here's what makes Remote special: ✨ you can design everything right here in Framer.
Unlike most templates that rely on static images, we let you customize every element - from images to icons to layouts. No more switching between design tools.
Colors
For colors, Modula comes with a vibrant lime highlight that you can easily change to match your brand.
Brand
For text and other elements, we have a set of grey tones that help distinguish between primary and secondary content.
Tip: Since these colors are specifically picked to keep your design balanced, we recommend keeping them as they are.
Black
Grey 1
Grey 2
Grey 3
Grey 3.5
Grey 4
Animations
Animations aren't just for show — they help make Remote feel polished and engaging. All these small interactive details are built right in, and level up the quality of the website.
CMS
We've set up a powerful CMS so you can manage your content without diving into the design canvas. Adding blog posts, job listings, or events? It's all just a few clicks away.
Best practises
Editing content
Here's something really important: 💡 your main canvas is set to desktop size, so make all your edits there first.
Don't worry - your changes will automatically flow down to other screen sizes. This goes for everything - text, images, effects or colors.
Image size
Let's keep your site running fast and smooth! Here are some tips for your images:
Aim to keep files under 500KB - your visitors will thank you for the quick load times.
For most images, go with JPG - it's the perfect balance of quality and size.
Need transparency (like for logos)? Then PNG is the one to go.
Responsive design
Your site should look amazing on every device - from phones to desktop monitors. Take a moment to preview your design across different screen sizes to make sure everything's looking just right.
Important tips 📌
Tricky titles
Most titles are set with fixed width to maintain consistent highlight positioning across the template.
While this limits content flexibility, it's currently the best solution since Framer doesn't have native support for dynamic highlight placement.
When customizing your content, you can either remove the highlights and set the title as "Width: Fill" or maintain the fixed width and adjust to your content to keep the highlight feature.
Responsive design
Your site should look amazing on every device - from phones to desktop monitors. Take a moment to preview your design across different screen sizes to make sure everything's looking just right.
Authentication
Need a members-only area on your site? You can use a tool like FramerAuth on Remote's Login page. It handles user logins, lets you create restricted pages, and manages access so only the right people can see specific content.
👋 Like this template?