Compare themes
Both previews show the same content and controls. Compare colors, typography, surfaces, and interaction states.
3D Immersive
Visual effect · Depth and dimension that pull you in
Best for: Portfolio, Games & entertainment, Brand & events
Less suitable for: Low-power devices and pages that need fast access to dense information.
Details, prompt, and exportApple-Inspired
Visual style · Refined simplicity inspired by Cupertino
Best for: SaaS, Ecommerce, Portfolio
Less suitable for: Interfaces that need many controls visible at once.
Details, prompt, and export| Property | 3D Immersive | Apple-Inspired |
|---|---|---|
| Heading font | Space Grotesk | SF Pro Display |
| Body font | Inter | SF Pro Text |
| Background | #020617 | #FFFFFF |
| Text | #E2E8F0 | #1D1D1F |
| Card radius | 1rem | 1.25rem |
| Card shadow | 0 8px 32px rgba(99,102,241,0.15) | 0 2px 12px rgba(0,0,0,0.06) |
| Backdrop blur | 8px | 0px |
| Layout | Use a large focal object with supporting content in a simple grid. | Use generous spacing, large product headings, and clearly separated sections. |
| Interaction | Use restrained depth on hover. Provide a static alternative to 3D motion. | Use short opacity and position transitions without delaying navigation. |