showcase
Showcase Polish
This atom describes the visual polish system. It is invoked by the compose atom — you should not need to invoke it directly. Load it when you need to understand what the presets look like and how the cinematic layers work.
What you control
You control the visual output by choosing a preset and passing props. Everything else is automatic — the Remotion components handle all cinematic layers internally based on the preset and palette.
Presets
Each preset configures window chrome, spacing, background style, and palette selection.
| Preset | Look | Best for |
|---|---|---|
factory |
Warm black bg with amber radial glow, traffic-light dots, 12px radius, generous margins. Rich cinematic warmth. | Official Factory content |
factory-hero |
Same as factory + gradient background. Maximum cinematic punch. |
Factory landing pages, social media |
hero |
Cool gradient bg, large margins, prominent shadow. | Non-Factory marketing, third-party |
macos |
Clean dark bg, traffic lights, subtle shadow. Professional but understated. | General-purpose demos, README heroes |
presentation |
Black bg, generous margins. Designed to look good on slides. | Talks, slide decks |
More from factory-ai/factory-plugins
no-use-effect
>-
287human-writing
|
126simplify
Review changed code for reuse, quality, and efficiency, then fix any issues found.
91frontend-design
|
85security-review
Scan code changes for security vulnerabilities using STRIDE threat modeling, validate findings for exploitability, and output structured results for downstream patch generation. Supports PR review, scheduled scans, and full repository audits.
73visual-design
|
71