Templates¶
LooK provides pre-built templates to help you create demos faster for common use cases.
Available Templates¶
SaaS Landing Page¶
Best For: Product pages, feature tours, conversion-focused demos
Optimized Settings:
- Auto-scroll through hero and features
- CTA button highlighting
- Pricing section zoom
- 25-30 second duration
# CLI equivalent
look demo https://your-saas.com \
--zoom-mode smart \
--click-effect ripple \
-d 30
E-commerce Store¶
Best For: Product catalogs, cart flows, checkout processes
Optimized Settings:
- Product card interactions
- Add-to-cart animations
- Filter and search demos
- 30-45 second duration
Portfolio / Agency¶
Best For: Creative work, case studies, team showcases
Optimized Settings:
- Gallery navigation
- Project detail views
- Smooth scrolling
- 20-30 second duration
Documentation Site¶
Best For: API docs, developer guides, tutorials
Optimized Settings:
- Sidebar navigation
- Code block highlighting
- Section jumping
- 30-60 second duration
Mobile App Demo¶
Best For: iOS/Android app showcases with device frames
Optimized Settings:
- Device frame overlay
- Touch indicators
- Swipe trail effects
- Portrait orientation
Dashboard / Analytics¶
Best For: Data visualizations, charts, admin interfaces
Optimized Settings:
- Chart zoom focus
- Data point highlighting
- Tab navigation
- 45-60 second duration
Using Templates in the Web Editor¶
- Open the web editor:
look serve - Click Templates in the header navigation
- Select a template that matches your use case
- The template settings are applied automatically
- Enter your URL and click Generate Demo
Custom Templates¶
You can create custom templates by saving configuration files:
{
"name": "My Custom Template",
"description": "Optimized for my specific use case",
"settings": {
"duration": 30,
"voice": "nova",
"style": "professional",
"zoomMode": "smart",
"maxZoom": 1.8,
"cursorStyle": "default",
"clickEffect": "ripple"
}
}
Save to ~/.look-demo/templates/my-template.json.
Template Recommendations¶
| Your Content | Recommended Template | Duration |
|---|---|---|
| Product landing page | SaaS Landing | 25-30s |
| Online store | E-commerce | 30-45s |
| Developer docs | Documentation | 30-60s |
| Design portfolio | Portfolio | 20-30s |
| Mobile app | Mobile App | 15-25s |
| Admin dashboard | Dashboard | 45-60s |