Electricity
Electricity bill — residential
Two-tier residential tariff with fuel adjustment, meter readings, a 12-month usage chart, government relief lines and a tear-off payment stub.
41 placeholder fields · fields.json
HKbills
Hong Kong-style utility e-bill layouts as plain HTML — electricity, gas and water — with placeholder branding and fictional sample data. Open a template, view its source, and swap in your own branding and figures.
Not affiliated with any utility company; layout templates for demonstration.
How the templates work
Each template is one self-contained HTML file: inline CSS, no scripts, no external assets, A4-sized (794 × 1123 px). Every editable value is an element carrying an id and a data-field attribute, so it can be addressed with a stable XPath such as //*[@id='elec-total-due']; the fields.json next to each template lists every field with its XPath and sample value.
Logos are dashed placeholders. Company names read “Sample Power Co.”, “Sample Gas Co.” and “Sample Water Co.”; the customer is 陳大文 / Chan Tai Man at Example House with account 0000-0000-0000. Barcodes, QR codes and OCR lines are drawn as placeholders. None of it is real, and none of it belongs to any real company.
Source and generator: the templates are rendered by a small Rust tool (build_gallery) that applies the sample values and rejects any output containing a real utility brand string.