Template guide

Edit me

Everything you need to make Antimatter yours. This page is hidden from search engines; delete it before you launch.

1. The leaves

Every leaf is a Leaf Field component. Select one and use its controls: Arrangement (Hero, Corner, Band, Arch, Single, Sprig, Sweep, Curtain), Layer (Back or Front, so leaves can pass in front of text), the four greens, Grain, Density, Leaf size, Variation and Mirror.

Grow in sets the motion: Load (hero), Scroll (grows as the section arrives), Hover and Replay (react to the nearest layer with the Leaf Hover override) and Open (the studio photo curtain). Cursor strength and Cursor (Part or Lean) control how leaves react to the pointer.

2. Ribbon, vine, growth and quote

Leaf Ribbon weaves through the work rail; match First card x, Card width and Card gap to your cards. Leaf Vine draws itself beside text. Leaf Growth is the seed-to-canopy plant in the pinned process section. Leaf Quote sets your testimonial along a leaf; edit the Quote and Text size controls.

3. Projects and journal

Work comes from the Projects collection (title, client, year, discipline, cover, three gallery images, story, role, order). The journal comes from the Journal collection. Add items and every list, rail and detail page updates.

4. Colours and type

Colours live in the colour styles (Ground, Raised, Text, Muted, Accent and the leaf greens). Type lives in the text styles Mega, Display, Title, Lead, Body, Mono and Logo.

5. Motion overrides

Code overrides in LeafMotion add the scroll behaviour: Leaf Rail Wrap and Leaf Rail Track pin the work rail, Leaf Bend Card bends the cards, Leaf Light Text lights a statement, Leaf Pin and Leaf Stage 1 to 4 run the process section, Leaf Mask and Leaf Mask Card open journal covers, Leaf Rise and Leaf Magnetic add small touches. With reduced motion, everything shows in its finished state.

6. Contact

The contact form sends to your Framer form inbox. Set where submissions go in Site Settings, Forms. Replace hello@example.com in the footer, contact section and contact page.

Create a free website with Framer, the website builder loved by startups, designers and agencies.