Refari · Design system

Policy & document pages

Terms of Use, Privacy Policy, API policy. These are contractual documents, not marketing. The template is calm, dense-but-readable and easy to navigate — the opposite of a marketing page, on purpose.

Why it's different

Same brand, opposite job

A marketing page persuades; a policy page informs and binds. So it drops the animation and the dark drama, and optimises for reading, scanning and citing. Same logo, fonts and blue — restrained.

Marketing page

Dark hero, teal glows, motion
Larger type, generous whitespace
CTAs, cards, testimonials, sticky bar
Built to convert

Policy / document page

Light, calm, no motion or glow
Denser reading scale (legal detail)
TOC sidebar + numbered clauses
Built to be read, navigated and cited

Anatomy

The document template

A light sticky topbar, a compact heading block, a metadata bar, a sticky table-of-contents sidebar, and numbered clauses with hanging numbers.

RefariTerms of Use

On this page 1 · General 2 · Disclaimer 3 · IP & Confidentiality 4 · Definitions

Version v2.9Effective 30 Jun 2026Refari Pty Ltd

1.1Refari Pty Ltd (ACN 623 616 606) provides recruitment-marketing software and related services…

1.2These terms apply to your interactions with Refari in connection with its Online Platforms…

Light sticky topbarWhite/frosted bar with the blue logo and the document name — not the dark marketing nav.

Metadata barVersion, effective date and legal entity, shown up front and repeated in the footer.

Sticky TOC sidebarNumbered sections with a scroll-spy active state; collapses to a drawer on mobile.

Numbered clausesHanging clause numbers (1.1, 1.2, 1.1.1) in blue; nested indents for sub-clauses.

Restrained paletteInk/slate text on white/mist, blue links. No teal glows, no motion.

Print & deep-link readyPrint stylesheet strips chrome; every section has a stable #anchor.

Baseline

What every policy page must do

Availability and accuracy over flair — these are documents people are bound by.

Readable measure (~70–75 characters), left-aligned, generous line-height

Sticky TOC with scroll-spy; every clause deep-linkable via a stable #id

Self-referencing canonical, index/follow, a valid sitemap entry

Accessible: single H1, ordered headings, AA contrast, keyboard-navigable TOC

Print stylesheet (hides nav/sidebar, black-on-white, avoids clause splits)

Hosted on S3 + CloudFront (always-available; a legal doc must never 404)

Load-bearing: terms.refari.co carries a <meta name="refari-legal-version"> tag that the backend re-acceptance gate reads. Bumping the version forces every client to re-accept — only change it deliberately, and keep the tag byte-identical when re-hosting.

Reference

Live examples

These pages are the canonical implementation of this template.

DOC

terms.refari.co — the full template with TOC + numbered clauses + legal-version meta

View

DOC

privacy.refari.co — incl. a /sub-processors/ sub-page

View

DOC

API Usage Policy

api-policy.refari.co

View