
Fourmula
fourmula.ai/
Fourmula.ai generates fashion photoshoots, product shots, and short video clips from a brand's existing product photos, pitched with the line "Your catalog, instantly re-shot" and "Studio-quality, without the studio." The homepage lays out a literal four-step process — add products and brand with 14+ model presets, generate concept variations, select preferred versions, one-click export for PDPs and ads — and addresses ownership directly with a plain FAQ answer: "Yes. All approved outputs are yours." It states the system "learns from your existing images" to keep brand consistency across generated shots. Specific named clients aren't shown; trust signals are limited to a general "Trusted By" section and the model-preset count.
- Category
- Design & Creative
- Style
- LightMinimal
- Stack
- WebflowCSS-in-JS
- Fonts
- Sf Pro Display
- Palette
- Meta title
- AI Product Generation — Fourmula.ai
- Sections
- 3
- Updated
Fourmula's landing page, section by section
Each section below is cropped straight from Fourmula's live page — useful references for design & creative landing page design.
Heroes
More heroesFeatures
More featuresFourmula design review: how the homepage is built
The homepage runs a white hero, a run of product demos, a four-step process, then FAQs and a footer. At 1440px wide the page is 9893 pixels tall. The base is white (#ffffff) with near-black type and nav pill (#040306), and the four process panels switch to full-bleed orange, blue-to-orange, blue-to-red and deep red gradients. Display type is Sf Pro Display according to the detected fonts. Distinctive for this category is the hero, where eight product photos orbit an empty upload square captioned "Upload or drop your assets" instead of sitting in a grid.
Above the fold
Above the fold, "Your catalog," sits over grey "instantly re-shot." Eight rounded-diamond photos ring a white square with a paperclip icon. A column of chips at the right edge reads "Stories", "Street style", "PDPs", "UGC", "Lifestyle shots" and "Ads". The header holds a black "Menu" pill and a black "Get started" button.
Feature cards and trusted-by row
A "What you can do" label sits beside "On-brand visuals. Made by AI." The wide card "AI Fashion Photoshoot" shows nine jacket shots in a dashboard, followed by two half-width cards, "Your product, new scenes on demand." and "Campaign-ready video in minutes.", the second with an empty white frame. "AI that" leads "Makes videos", "Stays on-brand" and "Create Images", fading from black to pale grey. A "Trusted By" row of five grey tiles closes the stretch.
Four-step process panels
"From idea to assets in four steps." introduces full-bleed panels with large numerals. Step 01, "Add products and brand.", is orange with bullets "14+ model presets" and "Multiple pose options", plus a row headed "Adjust look" of five face thumbnails. Step 02, "AI generates options.", fades from blue to orange above a "Processing..." card. Step 03, "Choose ones the best.", shows three perfume photographs captioned "Sand", "Glass" and "On the rock". Step 04, "Ready-made assets export.", sits on deep red beside an "Assets" toolbar.
Closing section and footer
"Not AI-gen answers. Real ones here." heads six accordion rows, including "Does this replace my creative team?" The footer is a rounded light-grey panel with a large "Fourmula" wordmark, link columns headed "PDP's", "Videos", "Products" and "Our features", and "Privacy Policy", "Terms of Service" and "Cookie Policy" beneath. The imprint reads "Registered in England & Wales No.: 13044361".
On mobile
At 390px the headings stack into one column, and the collage for "AI Fashion Photoshoot" sits above "Studio-quality, without the studio." The "Get started" pill in each process panel moves beside the body copy instead of sitting centred. The first FAQ question wraps onto two lines, and the footer wordmark spans the full width above its link columns.
Worth borrowing
- Place the upload control at the centre of an orbiting ring of product photos, so the input action sits inside the imagery.
- Give each numbered process step its own full-bleed gradient with a large numeral at the right edge.
- Pair one wide dashboard mockup with two half-width result cards, so the feature row shows output rather than only interface.





