Made for the printed page.¶
Designed invoices, reports, notices, and statements. These examples use Fullbleed's embedded typography, grids, tables, color, and vector graphics to turn structured data into finished pages.
Every preview comes from the actual downloadable PDF. The Northstar invoice, Common Ground report, Riverton notice, and Hillside statements were generated with the public Fullbleed 2.4.0 wheel; the pandas report below uses 2.5.2, the bilingual invoice uses 2.5.8, and the Markdown brief uses 2.5.10. The numbered report uses 2.5.18, and the Streamlit report uses 2.5.23. All sample data and organizations are fictional.
Download showcase sources Browse the source
Edit these designs in your browser
Functions into finished pages¶
Python components · Props and children · No authored HTML
A complete invoice composed from Field, WorkRow, WorkTable, PaymentNote
and Total functions. Change data, switch paid/unpaid content, or reuse the
components in another document. Styles are Python mappings. Generated with
Fullbleed 2.5.25.
Open the PDF Download the project Learn component authoring
For the next authoring model, inspect the experimental invoice and report. They share a styled component kit; the preview is a source candidate, not a published release.
Typed C# components¶
Ordinary methods, typed records, LINQ children and reusable style objects produce this invoice without authored HTML. Change line items, switch paid/unpaid states, or reuse its fields and table rows. Generated with FullBleed.DotNet 0.2.0, engine 2.5.22, using the two explicitly registered font files in the project.
Open the PDF Download the project Learn C# components and styles
From brief to handoff¶
Two pages · Editable HTML/CSS · Automatic numbering
CSS assigns chapter, section, table-row, and page numbers. A warm cover panel, large Inter headings, green decision cards, and orange accents give a short project outline a clear visual structure.
Northstar Studio invoice¶
One page · Editorial typography · Decimal totals
A warm paper palette, a large condensed title, thin vermilion rules, and an unmissable total. Three explicit typefaces give the brand, line items, and amounts their own roles. Grid and table layouts keep the page ordered.
Start with the invoice guide, or serve an invoice from FastAPI, Flask, or Django. The Python starter also includes a tested Docker image. For Node applications, download the six-invoice queue project with editable HTML/CSS and limits on active and waiting renders. For C# web applications, try the ASP.NET Core download starter. For Rust applications, use the Axum PDF download starter with an editable invoice template and bounded rendering work. For PHP applications, use the Laravel Blade and queue starter with automatic rendering, private downloads, retries and expiry cleanup. For a tagged document, use the editable C# library notice with PDF/UA profiles, embedded fonts and retained validation reports.
Common Ground community report¶
Three pages · Native SVG · Data-driven charts
An illustrated cover opens into a spread of participation metrics, gradient bar charts, and budget allocations. The landscape stays vector artwork in the PDF; chart heights and allocation shares come from the supplied JSON.
Each page has an explicit composition, with a consistent masthead, folio, and typographic hierarchy.
Riverton service notice¶
One page · Clear information hierarchy · Tagged output
A cobalt palette and prominent date make the maintenance schedule easy to find. The page combines a full-width alert, two-column details, semantic headings and lists, and a compact timeline.
Generated with the pdfua1 profile. Internal inspection confirms tags, language,
and profile metadata; this is not a complete accessibility or independent
conformance assessment. See the accessibility workflow.
Hillside member statements¶
Three records · Three pages · Compiled reflow bindings
A shared layout gives each member a personal statement: a large balance, recent transactions, and a six-month contribution chart. Serif headlines, plum ink, and solid lilac panels create a quieter visual identity.
Python calculates the balances, compiles the template, and renders the three member records through reflow bindings.
HTML template · CSS · Bindings
Run the showcase¶
Download and extract the source ZIP, then run these commands from the extracted directory. Or clone the repository and run them from its root.
python -m pip install fullbleed==2.4.0
python examples/design_showcase/render.py --out output/design-showcase
The sources include the Python renderer, HTML/CSS, JSON data, SVG artwork, and
Bebas Neue and DM Serif Display fonts with their licenses. Inter is explicitly
loaded from the Fullbleed wheel. Use --only invoice, --only report,
--only notice, or --only statements to render one family.
The verification manifest records the exact source commit, font and PDF hashes, page counts, and validation scope. Checks cover expected text, record order, resolved placeholders, deterministic replay, and internal inspection. CLI overflow, glyph, and font gates run on the ordinary documents and a first-record statement proof. All eight published pages were visually reviewed.
These templates have deliberate page budgets. Review the rendered pages after changing content, fonts, or row counts.
Gridline product report from pandas¶
Two pages · 40 DataFrame rows · Repeated table headers
Turn a pandas DataFrame or CSV into a landscape report with a large headline, summary panels, category comparisons, and a paginated product ledger. Integer cents become formatted amounts; missing dates become em dashes. Page numbers and repeated headers keep the ledger readable across pages.
Rendered with Fullbleed 2.5.2 and pandas 3.0.6, using fictional sample data.
Northstar sales brief from Streamlit¶
Two pages · Interactive filters · Editable HTML/CSS
Turn a filtered Streamlit view into a designed report. Upload a sales CSV, choose dates and groups, then prepare a PDF with summary figures and a complete ledger. The prepared selection stays attached to the download; changed inputs clear it so a new selection gets a new report.
The fictional sample contains 36 records and USD 222,099.30 in revenue.
Fieldnote report with Matplotlib¶
Two pages · Matplotlib SVG figures · Selectable data tables
Compose line and bar charts with editable HTML/CSS, period metrics, a monthly ledger and page numbers. The sample charts stay vector artwork; the report repeats their values as selectable text. Both renderers use an explicit bundled font, and the complete project reads local JSON.
Rendered with Fullbleed 2.5.14 and Matplotlib 3.11.2, using fictional data.
Yunshan bilingual invoice¶
One page · Chinese and English · Explicit font coverage
A one-page Simplified Chinese/English invoice using an explicitly registered regular-weight Noto Sans SC font. The project includes UTF-8 data, HTML/CSS, pinned font preparation, and a missing-character gate. Rendered with Fullbleed 2.5.8; all details are fictional.
Nawa Studio Arabic and English invoice¶
One page · Arabic and English · Fonts included
An editable invoice with RTL Arabic blocks, isolated dates and references, regular and bold Arabic fonts, and an itemized service table. Change the JSON data, CSS, or HTML structure and render locally. The ZIP includes its exact font files and licenses. Rendered with Fullbleed 2.5.14; all details are fictional.
Northstar Engineering Markdown brief¶
Two pages · Editable print CSS · Local images and fonts
Keep the source in Markdown and give the PDF its own page design. This fictional brief combines headings, emphasis, strikethrough, a table, lists, code, and a local SVG. The project includes its stylesheet, monospace font and license, glyph checks, and finalized-PDF previews. Rendered with Fullbleed 2.5.10.
Open the PDF · Build this brief · Download the project · Preview page 2
Smaller starting points¶
Try the editable invoice notebook to generate and download a PDF before setting up a local project. These compact workflows are also available:
| Example | Output | Source or guide |
|---|---|---|
| Invoice from JSON | One-page PDF | HTML · CSS |
| Acme invoice from CSV | Project source | |
| Flowing business report | Five-page PDF | HTML · CSS |
| Fixed bindings | 100-record PDF | Variable-data guide |
| Reflow bindings | 20-record, 41-page PDF | Variable-data guide |
Browse the compact workflow source and its verification manifest.