Finance Demo: Included Pages & How to Customize It
Canvas ships with a dedicated finance demo built for firms that manage money, advise on wealth, or sell investment products to a discerning audience. It pairs a sober, institutional aesthetic with the flexibility of a multipurpose HTML5 template, giving banks, fintech startups, and independent advisors a credible starting point instead of a generic corporate shell.
The demo leans on a deep teal palette, generous whitespace, and a restrained typographic mix of Manrope for body text and DM Serif Text for headlines. Sections are written for the finance vertical out of the box, covering services, performance, advisory teams, market commentary, and lead capture. The layout stretches edge to edge and pins navigation when you scroll upward, keeping primary actions within reach on long research pages.
What's included
| Page | Description |
|---|---|
demo-finance.html |
A long-form marketing page for an investment and advisory firm that combines hero positioning, service breakdowns, market insights, team bios, performance highlights, and contact forms into a single conversion-ready flow. |
The demo's own styles live in demos/finance/finance.css. Shared framework styles come from style.css and css/font-icons.css.
The full editing guide is in the dashboard
Step-by-step customization, the complete settings reference, and copy-paste code are available to registered Canvas users. Creating an account is free.
Required files
CSS: demos/finance/finance.css