Skip to content
Framebrick Docs

Nitip documentation — Framer

Nitip for Framer is the original, free edition of the template: a complete digital marketing agency website you edit visually and publish from Framer — no code. Read in this order, or jump to what you need.

Guide What it covers
Getting started Getting your copy, a tour of the project, pages and breakpoints
The CMS The six CMS collections, their fields, and adding services, projects, posts and roles
Making it look like your brand Colour and text styles, fonts, components, logo, images, motion
Forms Sending the Contact and Careers forms to your email, a webhook or Google Sheets
Going live Site settings, SEO, going live on a free or custom domain, after launch
Questions and answers Questions and answers

In a hurry

Section titled “In a hurry”
  1. Copy the template into your Framer workspace with the remix link (Getting started).
  2. Change the colour styles to your brand’s in Assets → Styles (Making it look like your brand); every page follows.
  3. Replace the logo in the Logo component, and the photos.
  4. Edit services, projects, posts and roles in the CMS (The CMS); the text on the pages directly on the canvas.
  5. Point the forms at your inbox (Forms).
  6. Update the title, description and images in Settings, then Publish (Going live).

What is in the project

Section titled “What is in the project”
  • 8 pages — Home, About, Projects, Services, Blog, Careers, Contact, 404 — plus a detail page for every project, service, post and role, generated from the CMS.
  • 6 CMS collections — Services, Projects, Blog, Careers, Testimonials and Tools.
  • 3 breakpoints — Desktop (1200 px and up), Tablet (810–1199 px), Phone (up to 809 px).
  • Styles — 12 colour styles and 14 text styles, used everywhere.
  • Components — header, footer, buttons, cards, accordions, pricing, sliders, custom cursor.
  • Motion — scroll reveals, parallax, hover effects, sliders and a custom cursor.

Other editions

Section titled “Other editions”

The same design is available as a Figma file and as code: Next.js, Astro and HTML.

Getting help

Section titled “Getting help”