Quov

/design-system/documents

Documents

Proposals, offers, statements of work and letters: letter-size documents in the paper theme, printed or saved as PDF from the browser. No color, generous margins, ruled tables.

Agent filequov-documents.en.mdquov-documents.es.md

01

Anatomy

Page one opens with the lockup, the document reference and the title; there is no separate cover. The rest flows, and the browser paginates it.

QuovQV-2026-014

Proposal · 25 Oct 2026

Client portal and back office

Prepared for [Client]

01

Scope

Quov designs, builds and operates a client portal and the back office behind it. This proposal states what is delivered, when, and how each delivery is accepted.

Every figure in it can be traced to a section of the scope.

Quov S.A.S.1 / 6

Page one: lockup, reference, title, then the text.

Quov · Proposal QV-2026-014

03

Milestones

Each milestone is accepted in writing before the next one starts.

milestonedeliveryweeks
Definition20 Nov 20263
Build29 Jan 20279
Launch12 Feb 20272
Total14

What Quov needs from the client

  • One contact who can accept each milestone.
  • Access to the current systems and their data.

Quov S.A.S.3 / 6

An interior page: index, title, text, a ruled table with mono figures.

02

Format

Paper is the only theme for documents, whatever the reader’s screen. Color is absent: black text, gray hairlines, the mark in its light file or as letters only.

Sheet
US Letter, 8.5 × 11 in. Margins of 1 in on every side.
Source
One self-contained HTML file with inline CSS and the fonts from Google Fonts or Fontsource, printed or saved as PDF from the browser.
Tokens
The paper values only: background, card, foreground, muted-foreground, border. On screen the sheet sits on the background; in print the background is not printed.
Language
The client’s. Spanish with tú, English without contractions. A document in both languages ships as two complete files.
Publishing
If a document is ever served from a URL, it carries noindex, nofollow.

03

Type on paper

The three roles keep their jobs. Sizes in points, for print.

Title
Aoboshi One, 26 to 30 pt, once, on page one.
Section heading
Aoboshi One, 15 to 16 pt, under a mono index (01, 02).
Subheading
Geist 600, 11 pt.
Body
Geist 400, 10.5 pt, line height 1.5.
Figures and labels
Geist Mono, 9 pt, tabular figures: amounts, dates, references, table headers.
Running lines
Geist Mono, 7.5 pt, muted-foreground: the legal name and the page number.

04

Tables and figures

Tables are ruled, never boxed: a foreground rule under the header, hairlines between rows, figures right-aligned.

Amounts
Currency code, then the figure with comma thousands and two decimals: COP 12,500,000.00, USD 4,800.00. The same format in both languages.
Taxes
Every amount says whether it includes VAT (IVA).
Percentages
Two decimals in tables: 5.20%.
Dates
25 Oct 2026 in tables; 25 October 2026 or 25 de octubre de 2026 in prose.
Totals
A last row in 600 weight, without a box or a fill.
Legal and tax
Statements of law or tax are flagged for validation by the client’s accountant or lawyer, never presented as settled.

05

Content flows; nothing is cut. Headers of tables repeat, rows never split, and a heading never sits alone at the bottom of a page.

Base print CSS
@page {
  size: letter;
  margin: 1in;
  @bottom-left {
    content: 'Quov S.A.S.';
    font: 400 7.5pt 'Geist Mono', monospace;
    color: oklch(0.48 0.01 75);
  }
  @bottom-right {
    content: counter(page) ' / ' counter(pages);
    font: 400 7.5pt 'Geist Mono', monospace;
    color: oklch(0.48 0.01 75);
  }
}
@media print {
  html, body { background: none; }   /* the sheet is the paper */
}
thead { display: table-header-group; } /* repeats on every page */
tr, figure, .keep { break-inside: avoid; }
h1, h2, h3 { break-after: avoid; }
.annex { break-before: page; }

06

Content

Do

  • Say what is delivered, when, and how each delivery is accepted.
  • State what Quov needs from the client in its own section.
  • Close with the validity of the offer and the next steps.
  • Sign as Quov S.A.S., with blank lines for the signatory to fill in.

Do not

  • Color, a highlight box, a side-stripe callout or a full-bleed cover.
  • Internal costs, rates, margins or team size.
  • An invented name, a NIT or any figure without a source.
  • Fixed-height pages with hidden overflow: text gets cut off.

Agent file

The rules of this page as a Markdown file for an agent: in a CLAUDE.md, a system prompt or attached to a request. Load quov-brand first; this file applies it and never overrides it. Identical content in English and Spanish.

Fetch from the command line
curl -fLO https://quov.io/design-system/quov-brand.en.md
curl -fLO https://quov.io/design-system/quov-documents.en.md
curl -fLO https://quov.io/design-system/quov-documents.es.md