MAKE IT YOURS.

Start with your profile

Open CMS → Profile. Replace the name, race number, Driver Details, statistics, introduction, next event, cover image and optional depth map. Keep one record. Put each statistic on a separate line, for example: 27 / RACE NUMBER.

Open CMS → Profile. Replace the name, race number, introduction, next event, cover image and optional depth map. Keep one record. Put each statistic on a separate line, for example: 27 / RACE NUMBER.

Edit the journey

Open CMS → Chapters. Edit the title, year, story and image. Use Order to organize the story. If you change the number of chapters, select the repeated Chapter Card and update its Total property once.

Update a season

Open CMS → Events. Edit the circuit, championship, date label and round. These dates are editorial content (not a Date field); sample events are fictional. Update the year in the Calendar / Drive Through heading independently.

Add an article

Open CMS → Journal. Add the title, category, cover, Excerpt (used for search previews), date and article text. Each record creates a page automatically using the shared article layout.

Change gallery images

Open CMS → MediaLibrary. Keep one gallery record and edit Photos. Each photo has an Image and Caption; the Caption supplies its accessible image description. The older Images field is retained for reference. Keep crops consistent for a balanced circular gallery.

Change the design

Open Assets → Styles to edit the seven shared text styles: Heading/H1, H2, H3, Body/Default, Body/Small, Label/Eyebrow and Label/Button. These styles also drive the cover, history, menu, loading, gallery, form and animated buttons. Keep each code component’s Typography slot connected. Nine shared colors control the light and dark sections. Review Desktop, Tablet and Phone after changing a style. In Site Layout, select NavigationShell to replace Logo, optional Logo on dark, Logo width and Logo alt. Without a logo image, the editable Brand text appears. The shared footer is also edited in Site Layout. Brand/Wordmark controls its large name independently of the seven core styles; its text uses paragraph semantics.

Advanced motion

The cover accepts a photograph and an optional matching depth map. The 3D car uses a replaceable GLB file with angle, scale, idle speed, pointer response and scroll boost. Canvas/export render one still frame; Preview animates. The model is bundled with attribution below. For best performance, supply a lightweight GLB, set a Static poster image in the Car Showcase component and test low-power mobile devices. The runtime shows a static fallback when 3D cannot render.

Before launching

IMPORTANT: Contact form has no recipient in this starter template, preventing sample submissions from going to the author. Set your own form destination in the editor and verify a test submission before launching. Then add your real contact links, review the legal page, replace sample content, and test desktop, tablet and phone Preview at multiple widths. Test the contact form after connecting a recipient, confirm image licensing, and check 3D WebGL fallback in Safari and Chrome. Canvas/export intentionally show static completed states.

3D model credits

Car Concept by Eric Chadwick / Darmstadt Graphics Group GmbH, © 2024. Licensed under Creative Commons Attribution 4.0 International, via Khronos glTF Sample Assets. Original public-domain concept by Unity Fan. The viewer hides the licence plate and steering emblem. Retain this attribution when redistributing the template.

Model source and licence