Multi-Aspect Ratio Support
Build the wide layout first, then review the portrait and 4:3 versions. A layout fitting one screen still needs a check on the others.
Choose a ratio
Use the canvas size badge in the top bar to choose the active aspect ratio.
| Ratio | Editor canvas |
|---|---|
| 16:9 | 2560 × 1440 |
| 9:16 | 1440 × 2560 |
| 4:3 | 1920 × 1440 |
| 3:4 | 1440 × 1920 |
The resolution selector adjusts preview rendering. The aspect-ratio badge chooses the layout shape.
Review each layout
- Stop preview.
- Save the current work.
- Choose the next ratio.
- Fit the canvas with Ctrl+0.
- Review layer positions, scale, and animation endpoints.
- Adjust the layout.
- Preview and save.
Use the project and theme controls shown in your build for additional saved layouts. Changing the preview ratio alone does not prove a separately authored layout was added to the published theme.
Adapt the composition
For portrait screens:
- Stack wide groups vertically.
- Reduce horizontal travel.
- Keep logos readable.
- Leave room for the wheel and metadata.
- Check the frontend overlay.
For 4:3 screens:
- Reduce wide margins.
- Move edge content inward.
- Check long text and large artwork.
- Preview motion near each edge.
Check publishing
The publishing form shows aspect-ratio badges for the theme layouts present in the project. Review those badges before publishing.
Test each advertised ratio in HyperSpin. Check artwork, text, wheel placement, video, and animation loops.
Common fixes
A layer disappears
Stop at 0s, select the layer, and check position and visibility. Fit the canvas and look beyond the edges.
Motion leaves the screen
Review animation start and end values for the active layout.
A published ratio is missing
Check the project's saved theme layouts and the publishing badges. Save and publish the intended layout before testing again.