Edit me
How to make Torque yours.
Five things to change first. Everything else follows the styles.
1 · Cars
1 · Cars
Open CMS › Cars. Each car has a name, specs, price, status, a square photo (car centred) and two gallery photos. Order sets the position in the showroom grid.
Open CMS › Cars. Each car has a name, specs, price, status, a square photo (car centred) and two gallery photos. Order sets the position in the showroom grid.
2 · The hero rig
2 · The hero rig
Select the Gantry layer on Home. Swap the two car images (one nose-right, one nose-down cut-out PNG), the word, the model name and the number of light banks.
Select the Gantry layer on Home. Swap the two car images (one nose-right, one nose-down cut-out PNG), the word, the model name and the number of light banks.
3 · Paint colours
3 · Paint colours
The Configurator takes six pre-made paint images. Export your car once per colour with a transparent background and drop each into a Paint slot.
The Configurator takes six pre-made paint images. Export your car once per colour with a transparent background and drop each into a Paint slot.
4 · Finance and showroom
4 · Finance and showroom
Finance figures (APR, terms, price range) and the six bay names on the floor plan are plain controls on each component.
Finance figures (APR, terms, price range) and the six bay names on the floor plan are plain controls on each component.
5 · Colours and type
5 · Colours and type
Colours live in Assets › Colours (Black, Surface, Amber…). Type uses Archivo at width 125 for display and Geist for text. Change a style once and it updates everywhere.
Colours live in Assets › Colours (Black, Surface, Amber…). Type uses Archivo at width 125 for display and Geist for text. Change a style once and it updates everywhere.
Motion
Motion
Light-bank effects are code overrides in TorqueMotion. Remove an override from a layer to make it static; the layout never depends on them.
Light-bank effects are code overrides in TorqueMotion. Remove an override from a layer to make it static; the layout never depends on them.
Forms
Forms
Booking and enquiry forms are Framer forms. Connect them under Site Settings › Forms to send submissions to your inbox or CRM.
Booking and enquiry forms are Framer forms. Connect them under Site Settings › Forms to send submissions to your inbox or CRM.