Work
- LanderLab website. The new LanderLab.io website, shown in a short film.
- LanderLab design system. The editor’s panels and menus from the LanderLab UI kit, rebuilt in code.
- Add panelElementsSectionsSearch for element
Structure
ColumnsBest for responsive layoutsHorizontal stackArrange items in a rowVertical stackArrange items in a columnBasic
ButtonSend people to your offerLink textA link inside your textTypography
HeadingTitles for main sectionsParagraphBlocks of rich text - Text styling
Text styling
AaRobotoAaMedium16pxMore typography settings
- Context menuCopy⌘ CPaste⌘ VDuplicate⌘ DSelect parent⌘ ↑
Open image in new tabAdd class
Delete⌫ - Spacing
Layout
Margin 0020100Padding 20202020 - Align items
Align items
OrientationDistributeCenterAlignGap20px - AI actionsWhat do you want to generate?Rewrite textMake it shorterMake it longerFix spelling and grammar
- Element properties
Div properties
Classes
Section 1 Hero Add class…Element ID
#ll-section1Custom attributes
aria-label="pricing" - Colour picker
Colour picker
#257CFF100%
-
- Set up your account. A four-step checklist that takes a new LanderLab user from sign-up to a first live page.
Set up your account
Complete these steps to get the most out of LanderLab
- Create a landing page (done)
- Add a domain (done)
- Connect your integration
- Invite your teammate (done)
- TheOptimizer.io. The TheOptimizer website, designed and moved from WordPress to Webflow.
- Optimizer AI mascot. The faces of the AI inside TheOptimizer: a glass hexagon with two eyes, and a pixel robot for the search bar.
- Effort sliders. Nine effort sliders with a secret step past Max. On the card, a swarm of small Clawds walks out of the thumb.
- Rubik cube loader. A loading bar with a Rubik’s cube that solves itself: every quarter turn is 5% of the bar.
- LanderLab editor. A UX case study: how the LanderLab editor became predictable, and what it changed.
- Achievement badges. The badges LanderLab users earn as they build, publish and grow: the reward system inside the product.
-
Publisher King 12 June 2025 -
DNS Wizard 12 June 2025 -
Integration Master 05 March 2026 -
The Creator 05 March 2026 -
Lead Collector 05 March 2026 -
Team Player 05 March 2026
-
- AI credit packs. A one-time top-up for AI credits in LanderLab: pick a pack and the coins fly into your balance.
- ClickFlare.com. The ClickFlare website, designed and moved from WordPress to Webflow.
- Integrations orbit. The integrations section of theoptimizer.io: ad networks and trackers drifting on three orbits.
- Formo logo. A furniture wordmark built from one circle, where the m becomes a sofa.
- ZeroRank.ai. The ZeroRank website: a tool that shows how ChatGPT, Claude and Google talk about your brand.
- Empty states. Thirteen LanderLab empty states on a turning wheel, each drawn in code and moving the way its screen works.
- Gifts for reviews. A gift in the LanderLab top bar: leave a review of the product and get free AI credits.
- Webhook integration. The webhook setup in LanderLab, in two steps: where the leads go, then which field goes where in your CRM.
- TheOptimizer logo. A new logo for TheOptimizer, four ribbons folded into a hexagon, launched with a short film.
- LanderLab 404. The LanderLab 404 page: a crane builds a landing page between two fours, and a flying saucer takes its hero.
- Cancellation flow. The LanderLab cancel flow: first two softer ways out, then a short question, then a clear goodbye.
- AI orb. The face of the LanderLab AI: a ball of light that listens, thinks and answers.
- Blog editor. The LanderLab CMS window for writing a blog post: the text, a banner, and the details on the side.
- AI composer. The box where a LanderLab page starts: describe the page, and watch the AI think and build it.
- Glass editor. The LanderLab page editor made of frosted glass, over a mountain meadow: drag an element onto the page.
- Le Petit Chef. A landing page for Le Petit Chef, a dinner where a tiny chef cooks on your plate in 3D projection.
- AEXH logo. A heavy wordmark for Shehu Construction, drawn to read from across a building site.
Nothing matches “”. Try “logo”, “Webflow” or “AI”.