Getting started
Get your copy
Section titled “Get your copy”Nitip for Framer is free. You get it as a remix link: opening it copies the whole project — pages, CMS, styles, components — into your own Framer workspace.
- Directly: open the remix link, sign in to Framer if asked, and confirm the copy.
- From the Framer Marketplace: open the Nitip page, click Use for Free, then Copy in the Remix window.
- From framebrick.co: click the remix button on the Nitip page — it opens the same link.
Choose a workspace if Framer asks. The copy is yours: nothing you change affects the original, and updates to the original don’t change your copy.
You need a Framer account (free). Publishing on a custom domain needs a paid Framer site plan; everything else works on the free plan.
A tour of the editor
Section titled “A tour of the editor”The top-left menu switches between the Canvas (the pages), the CMS (the collections) and Settings.
On the canvas, the left panel has three tabs:
| Tab | What you find there |
|---|---|
| Pages | Every page. Pages with a CMS collection (Projects, Services, Blog, Careers) open to their detail page template |
| Layers | The structure of the selected page |
| Assets | Components, colour and text styles, vectors |
The right panel shows the properties of whatever you select.
| Page | What it shows |
|---|---|
| Home | Hero, recent projects, about, services, testimonials, projects, call to action, blog |
| /about | Story, values, team, open positions |
| /projects | All projects, with a grid/list switch; its detail page shows one project from the CMS |
| /services | All services as an accordion; its detail page shows one service with pricing |
| /blog | All posts with Load More; its detail page shows one article |
| /careers | Open positions with Load More; its detail page shows one role with the application form |
| /contact | Contact details and the contact form |
| /404 | Page not found |
Breakpoints
Section titled “Breakpoints”Every page has three layouts, shown side by side on the canvas:
| Breakpoint | Width |
|---|---|
| Desktop | 1200 px and wider |
| Tablet | 810–1199 px |
| Phone | up to 809 px |
Desktop is the primary breakpoint: what you change there flows to Tablet and Phone, unless a breakpoint has its own value for that property. What you change on Tablet or Phone stays on that breakpoint. So edit text and images on Desktop, and adjust sizes and layout per breakpoint — then check all three.
Before you change anything
Section titled “Before you change anything”Framer keeps a history of your project: Settings → Versions lists earlier versions you can restore. Publish often to a preview, and look at the site on a phone as well as a laptop.