Black Lily Brand and Collateral System

What it is

The rulebook and implementation for how every Black Lily document and internal tool looks: shared design tokens, a US Letter print page system, local fonts, logos, and a complete worked example in a four-page compute-cost guide with a live localhost dashboard and PDF export. The folder also holds client-facing specs for the on-premise Lily Desk product (spec sheet, connector costs, news licensing) written on the same system.

The problem

Client-facing documents and demo dashboards drift in look and feel unless one source of design values drives all of them.

How it works

1. brand/tokens.css is the single source of values, and doc.css builds cover, slab, exhibit, table and pill components for print.
2. Fonts are local variable woff2 files so PDFs render identically with or without a network.
3. compute-cost-guide pairs a JavaScript cost model and charts with guide and report pages exported to PDF.

Stack

Disciplines

For your business

A branded document and calculator toolkit that gives a consultancy consistent, exportable client collateral.