Calmcourse is an HTML website template for financial planners who help people connect money decisions with the rest of their lives. Built around a fictional fee-only practice in Madison, Wisconsin, it gives independent planners a complete foundation for explaining their services, discussing fees and helping prospective clients take a useful first step. Retirement, equity compensation, family changes and caring for parents each have their own developed content and clear routes into the planning conversation.

The design pairs deep lake tones and warm copper accents with rounded photography, spacious editorial sections and clear comparisons. Outfit headings and DM Sans body text bring a friendly, professional character to detailed financial content. Original photography and an editable planning illustration help the site feel like a working practice, with room for both the practical details and the people behind them.

Visitors can compare 3 planning relationships, explore the questions that matter to them, use a short service-fit guide and carry their choices into an introduction request. The included local demonstration completes the review and receipt journey without sending information; connecting real requests requires a buyer-owned receiving service. This makes the template useful for presenting the full experience before preparing a practice for launch.

A planning practice with depth

Calmcourse includes 26 pages, with 22 substantive service, planning-priority, approach and resource pages. The homepage moves from life questions and connected decisions into service comparisons, the planning process, preparation and a clear next step. Interior pages develop their own subject with useful examples, scope, questions and guidance.

• 3 planning relationships: ongoing planning, a focused plan and a planning consultation, with dedicated pages explaining the work, boundaries, fees and next steps.
• 6 life priorities: retirement, equity compensation, growing families, career changes, caring for parents and planning together.
• A clear working relationship: the planning approach, first 90 days, year of planning, team and meeting arrangements help visitors understand what working together could look like.
• A practical planning library: searchable, filterable resources cover preparing for a first meeting, pay and benefits, organizing a financial picture and questions to ask a planner.
• Focused next steps: a service-fit guide, introduction request, privacy page and useful 404 page complete the visitor journey.

What is included

• A ready-made static site and a separate, self-contained editable source project.
• 26 HTML pages with shared navigation, appearance controls and a complete footer.
• 9 original included photographs, supplied as 27 responsive WebP files.
• An original editable SVG planning illustration used on the homepage and approach page, plus the template's brand mark and icons.
• Locally hosted Outfit and DM Sans fonts with their license files.
• A browser-readable buyer guide covering content, images, appearance, builds, request handling and hosting, plus license, notices and changelog files.

Features

• Service-fit choices carry into the introduction form, including the selected planning relationship and priorities.
• The introduction journey includes validation, review, editing, pending feedback, receipt and recovery states.
• The planning library combines text search and topic filtering with clear empty results.
• Lake and Copper, Clay and Plum, and Evergreen palettes each support Light, Dark and Auto appearance.
• Responsive image selection, mobile navigation, expandable questions and print styling support everyday browsing and reference.
• Preview Options let prospective buyers explore palettes and return to the marketplace item; these controls stay separate from the ready-made business site.

Accessibility features

Semantic headings, landmarks, descriptive links and image alternatives support a clear reading order. Navigation, appearance choices, questions and forms work with keyboard controls and visible focus. Form fields have labels, errors identify the affected inputs, and validation brings an earlier step back into view when it needs attention. The layout adapts to narrow screens, and motion respects the visitor's reduced-motion preference.

Editable for your practice

Shared business data keeps the practice name, location, reply window and fees consistent across the site and its service-fit results. Image data defines responsive variants and alternative text, while shared partials keep navigation and recurring elements together. The HTML, CSS and vanilla JavaScript remain readable and organized by purpose, so you can change the service mix, replace photography, adjust colors or rearrange complete homepage sections without adopting an application framework.