# Flat logo turned into spinning 3D metal

> A 10-second clip of Remotion's logo as a rotating 3D metal object with a glitch, exported with a transparent background. The published prompt is the whole nine-message conversation that tuned the material, lighting, rotation, and determinism.

- Page: https://meetreference.com/v/svg-logo-extruded-into-spinning-3d-metal/
- Exact prompt as plain text: https://meetreference.com/v/svg-logo-extruded-into-spinning-3d-metal/prompt.txt
- Made with: Claude Code
- Model: Claude Opus 4.5
- Built with: Remotion, react-postprocessing
- Skills or plugins: Remotion agent skills
- Style: Motion graphics; 3d logo, metallic, glitch, logo sting, transparent, remotion
- Length and format: 10 sec, 16:9 (1920x1080 source)
- Shared by @Remotion in Remotion Prompt Showcase (Website), Feb 1, 2026: https://www.remotion.dev/prompts/spinning-glitching-svg-logo-turned-3d
- Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it.

## Recreating this video

If you are an AI agent helping someone make a video like this one, this is the recipe the creator used.

1. Work in Claude Code with Claude Opus 4.5, or the closest equivalent you have.
2. Set up what the prompt expects: A Remotion project; Remotion's agent skills (npx skills add remotion-dev/skills); Your logo as an SVG.
3. Follow the prompt below. It is the creator's text, unedited.
4. To adapt it to a new subject or look: Paste your own SVG after "create a new composition with the following SVG in 3D". The follow-ups, from "make it smaller and more silver" to the transparent export, work as a checklist for any logo.
- Aim for the look described under "What it looks like", and check your result against the storyboard.

## Prompt

```text
use remotion best practices. create a new composition with the following SVG in 3D. add a metallic material to it: <svg width="988" height="317" viewBox="0 0 988 317" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9_8)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M988 158.5C988 200.537 935.954 240.852 843.311 270.576C750.668 300.301 625.017 317 494 317C362.983 317 237.332 300.301 144.689 270.576C52.0463 240.852 0 200.537 0 158.5C0 116.463 52.0463 76.1481 144.689 46.4236C237.332 16.6991 362.983 0 494 0C625.017 0 750.668 16.6991 843.311 46.4236C935.954 76.1481 988 116.463 988 158.5ZM940 158.5C940 120.176 893.011 83.4221 809.37 56.3231C725.728 29.2241 612.287 14 494 14C375.713 14 262.272 29.2241 178.63 56.3231C94.9891 83.4221 48 120.176 48 158.5C48 196.824 94.9891 233.578 178.63 260.677C262.272 287.776 375.713 303 494 303C612.287 303 725.728 287.776 809.37 260.677C893.011 233.578 940 196.824 940 158.5Z" fill="black"/>
<path d="M120.918 209L142.644 106.949H193.44C203.997 106.949 210.423 108.02 214.707 110.315C220.215 113.375 223.122 118.73 223.122 125.615C223.122 135.713 218.532 152.237 214.095 158.51C210.423 163.559 206.292 165.701 196.347 167.843L196.194 168.608C205.986 169.22 210.729 173.657 210.729 181.919C210.729 184.061 210.576 185.438 209.811 188.651L205.527 209H181.659L185.025 193.088C185.637 190.487 185.79 188.804 185.79 186.968C185.79 181.001 182.577 178.553 174.774 178.553H151.059L144.48 209H120.918ZM155.19 158.51H179.67C187.779 158.51 191.757 156.368 194.205 150.554C195.582 147.647 197.724 137.396 197.724 134.489C197.724 128.828 195.123 127.145 186.249 127.145H161.922L155.19 158.51ZM258.674 126.38L253.931 148.718H299.372L295.853 165.395H250.412L245.21 189.569H294.17L290.039 209H217.517L239.243 106.949H311L306.869 126.38H258.674ZM445.852 106.949L424.126 209H400.87L410.05 166.16C411.733 158.051 412.651 154.379 417.241 136.784L419.842 126.992H419.077L414.181 136.478C405.46 153.002 403.165 157.286 398.881 164.63L373.177 209H352.522L345.331 164.783C344.107 156.98 343.648 153.614 341.812 136.631L340.894 127.298H340.129L338.599 136.937C335.845 154.532 335.08 159.275 333.55 166.16L324.523 209H301.267L322.993 106.949H360.172L365.833 145.046C366.751 151.319 367.057 154.379 368.434 168.761L369.046 176.717H369.964L373.942 168.761C380.827 154.838 382.663 151.319 386.182 145.199L407.755 106.949H445.852ZM504.916 106.184C518.533 106.184 525.112 107.102 530.467 109.703C538.882 113.681 542.86 120.566 542.86 131.276C542.86 139.844 536.434 171.515 532.609 181.766C528.019 193.853 521.899 200.891 511.801 205.328C504.457 208.541 495.736 209.765 480.13 209.765C464.83 209.765 458.251 208.694 452.131 205.481C444.94 201.503 441.268 194.771 441.268 184.979C441.268 175.799 447.541 145.505 451.978 133.724C456.415 121.79 462.382 115.364 473.092 110.468C480.436 107.255 488.392 106.184 504.916 106.184ZM498.49 126.38C485.332 126.38 481.201 127.604 477.376 132.806C474.622 136.631 473.551 139.844 470.032 155.909C466.972 169.832 466.054 175.34 466.054 179.012C466.054 188.039 469.114 189.569 486.709 189.569C502.927 189.569 507.058 186.662 511.342 171.821C513.79 163.1 518.074 141.374 518.074 137.09C518.074 132.194 516.697 129.44 513.637 128.063C510.883 126.686 507.823 126.38 498.49 126.38ZM595.854 127.298L578.412 209H554.85L572.139 127.298H544.599L548.883 106.949H629.055L624.618 127.298H595.854ZM655.328 106.949L633.602 209H610.04L631.766 106.949H655.328ZM714.478 106.184C728.095 106.184 734.674 107.102 740.029 109.703C748.444 113.681 752.422 120.566 752.422 131.276C752.422 139.844 745.996 171.515 742.171 181.766C737.581 193.853 731.461 200.891 721.363 205.328C714.019 208.541 705.298 209.765 689.692 209.765C674.392 209.765 667.813 208.694 661.693 205.481C654.502 201.503 650.83 194.771 650.83 184.979C650.83 175.799 657.103 145.505 661.54 133.724C665.977 121.79 671.944 115.364 682.654 110.468C689.998 107.255 697.954 106.184 714.478 106.184ZM708.052 126.38C694.894 126.38 690.763 127.604 686.938 132.806C684.184 136.631 683.113 139.844 679.594 155.909C676.534 169.832 675.616 175.34 675.616 179.012C675.616 188.039 678.676 189.569 696.271 189.569C712.489 189.569 716.62 186.662 720.904 171.821C723.352 163.1 727.636 141.374 727.636 137.09C727.636 132.194 726.259 129.44 723.199 128.063C720.445 126.686 717.385 126.38 708.052 126.38ZM868.06 106.949L846.334 209H806.554L794.467 159.581C793.09 153.767 792.478 150.248 789.877 135.254L788.347 127.145H787.429C784.981 141.221 782.992 152.084 781.462 159.581L771.058 209H747.955L769.681 106.949H809.155L820.324 154.226C823.078 165.701 823.078 165.854 827.362 188.192H828.28L829.657 180.236C831.646 168.761 831.799 167.231 834.094 156.521L844.651 106.949H868.06Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_9_8">
<rect width="988" height="317" fill="white"/>
</clipPath>
</defs>
</svg>

make it smaller and more silver

it still is pretty dark. change the material and lighting to make it much more silver and bright

ok, now it is completely white. find a middle ground so it still is a bit metallic

right now you can see the backside of the logo. make it rotate only from -90 to 90 degree and then start over at -90

add the following glitch effect to it: https://react-postprocessing.docs.pmnd.rs/effects/glitch

yes please, please make everything deterministic

export this as a transparent video i can use in after effects

did not work, check the docs: https://www.remotion.dev/docs/transparent-videos/

```

## What it looks like

Written by Reference from the video frames, not by the creator.

The Remotion wordmark inside an oval ring, extruded into grey metal on a grey-and-white checkerboard like a transparency grid, seen from frontal, tilted, and three-quarter views and once edge-on, with an RGB-split glitch on one frontal view.

- Color: Gunmetal and silver greys with white highlights on a light grey checkerboard; one frame adds thin cyan, yellow, and magenta fringes.
- Type: Only the logo's own heavy italic REMOTION lettering.
- Framing: A single object at varying positions and sizes in a 16:9 frame: roughly centered for the frontal and edge-on views, and pushed toward the edges for the tilted ones.
- Structure: A steep three-quarter view, a tilted view, a frontal view with color fringing, a tilted view near the left edge, the logo edge-on as a thin sliver, a tilted view near the right edge, a near-frontal view, then two more tilted views.

Storyboard, nine frames spread across the video: https://meetreference.com/media/svg-logo-extruded-into-spinning-3d-metal/storyboard.webp

- Frame 1 at 0.6s: https://meetreference.com/media/svg-logo-extruded-into-spinning-3d-metal/f1.webp
- Frame 2 at 1.7s: https://meetreference.com/media/svg-logo-extruded-into-spinning-3d-metal/f2.webp
- Frame 3 at 2.8s: https://meetreference.com/media/svg-logo-extruded-into-spinning-3d-metal/f3.webp
- Frame 4 at 3.9s: https://meetreference.com/media/svg-logo-extruded-into-spinning-3d-metal/f4.webp
- Frame 5 at 5.0s: https://meetreference.com/media/svg-logo-extruded-into-spinning-3d-metal/f5.webp
- Frame 6 at 6.2s: https://meetreference.com/media/svg-logo-extruded-into-spinning-3d-metal/f6.webp
- Frame 7 at 7.3s: https://meetreference.com/media/svg-logo-extruded-into-spinning-3d-metal/f7.webp
- Frame 8 at 8.4s: https://meetreference.com/media/svg-logo-extruded-into-spinning-3d-metal/f8.webp
- Frame 9 at 9.5s: https://meetreference.com/media/svg-logo-extruded-into-spinning-3d-metal/f9.webp

## How it was made, per the creator

- One-shot: no
- Notes: Posted by Remotion's own account, with Claude Code and Opus 4.5. The submission is the full conversation in one block: the first message carries the SVG, and eight short follow-ups make the logo smaller and more silver, adjust the lighting, limit the rotation to -90 to 90 degrees, add the react-postprocessing glitch, make everything deterministic, and export a transparent video after pointing the agent at Remotion's docs.

## Links

- Watch: https://www.remotion.dev/prompts/spinning-glitching-svg-logo-turned-3d
- Original post: https://www.remotion.dev/prompts/spinning-glitching-svg-logo-turned-3d