Foliant — Style Guide
Style guide

Foliant

One place for everything a team knows — written as blocks, organized as pages.

Color

Paper
#FBFAF7
Paper 2
#F3F1EC
Paper 3
#E8E5DD
Line
#E1DDD3
Ink
#1A1A1A
Ink 2
#353230
Ink 3
#6B6760
Ink 4
#98938B
Accent
#3D5AFE
Accent soft
#E7EAFF
Success
#2F7A4D
Syncing
#A36405
Destructive
#B3261E
Collab A
#D9544F
Collab B
#1F8A70
Collab D
#6A4CB6

Typography

display / serif
Write structurally. Find it later.
h1 / sans 32
Customer onboarding runbook
h2 / sans 24
Section: Day-one checklist
h3 / sans 18
Send the welcome packet
h4 / sans 15
Step detail
body / 15
Every page is a tree of blocks — paragraphs, headings, lists, toggles, code, embeds. Drag a block to move it, slash to insert, type a hyphen to start a list. The structure is yours; the editor stays out of the way.
small / 13
Auto-saved · Last edited 3 minutes ago by Priya Raman
mono / 13.5
curl -X POST /api/pages -d '{"title":"Q3 plan"}'

Buttons

Forms

Allow comments on this page
Require sign-in to view share link
View only
Can comment
Can edit
Live cursors visible
Notify on every change

Cards

Customer onboarding runbook
Implementation crew · Edited 12 minutes ago · 18 sub-pages
Who can access this
Atlas Field Notes WorkspaceCan edit · inherited
Implementation crewCan edit · inherited
Priya RamanCan comment override
Public share linklive View only

Badges & status

Draft Page link Synced Syncing Offline — queued (3) Permission denied Override Inherited v18 Restored from May 7

Nav chrome

Drop indicators when reordering a node:

Voice sample

Everything is a block. Headings, lists, toggles, code, embeds — same model, same handles, same shortcuts. Learn the editor once.

Structure beats sprawl. Nest a page under another and the tree follows. The sidebar always tells you where you are.

History is safety. Every save is a version. Restore is a new version, never a destructive overwrite — you can always come back to where you were.

The team owns its knowledge. Export the workspace as Markdown or HTML at any time. Permissions are explicit and inspectable: one click tells you exactly who can read this.