Docly

Item: Docly
Rating: 7.1

Framer documentation template for software and payments products.

A Framer Marketplace template by Rabii Mhamdi. Its words and photos are demo content.

Live preview Get this template Save page

7.1/10MABTU rating

Home

Docly

Changelog

Set Up Your Workspace

DESKTOP · 1440 × 5,390/docs/overview ↗

MOBILE · 390

Section outline · Home

01header126
02heroOverview5,165
03footer98
04content900

Rating · Home

Visual design6.8

UX & clarity7.8

Originality6.0

Craft & consistency7.5

Motion5.5

Performance & a11y9.0

Main colours

Light·white background·vivid

Typography

Satoshiheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Framer React Google Fonts

Minimal Corporate / clean Monochrome

Design DNA

Template: the classic documentation triptych done carefully — a grouped left sidebar (Getting started, Products & Subscriptions, Analytics) with active items in a tinted pill, a measured centre column around 70 characters wide, and a right 'On the page' outline that highlights the current heading. Type is a neutral sans with clear H2/H3 steps and numbered procedures. Interface furniture is minimal: a top search field, a theme toggle, and a 'Copy page' button. Content blocks include amber warning callouts, blue note callouts, bordered three-column reference tables and dark code blocks.

Worth borrowing

Give the right-hand page outline an active-state highlight so it doubles as a reading progress indicator.
Use two callout tints only — blue for notes, amber for anything that delays the user — and nothing else.
Put a 'Copy page' control next to the H1 so agents and readers can lift the section in one action.