Skip to content

Instantly share code, notes, and snippets.

@yongkangc
Created April 23, 2025 02:47
Show Gist options
  • Save yongkangc/6d39bbf2a06c25792edda1b910026e28 to your computer and use it in GitHub Desktop.
Save yongkangc/6d39bbf2a06c25792edda1b910026e28 to your computer and use it in GitHub Desktop.
logo prompt
{
"prompt": "A futuristic trading card with a dark, moody neon aesthetic and soft sci-fi lighting. The card features a semi-transparent, rounded rectangle with slightly muted glowing edges, appearing as if made of holographic glass. At the center is a large glowing logo of {{logo}}, with no additional text or label, illuminated with a smooth gradient of {{colors}}, but not overly bright. The reflections on the card surface should be subtle, with a slight glossy finish catching ambient light. The background is a dark carbon fiber texture or deep gradient with soft ambient glows bleeding into the edges. Add subtle light rays streaming down diagonally from the top, giving the scene a soft cinematic glow. Apply light motion blur to the edges and reflections to give the scene a sense of depth and energy, as if it's part of a high-end tech animation still. Below the card, include realistic floor reflections that mirror the neon edges and logo—slightly diffused for a grounded, futuristic look. Text elements are minimal and softly lit: top-left shows '{{ticker}}', top-right has a stylized signature, and the bottom displays '{{company_name}}' with a serial number '{{card_number}}', a revenue badge reading '{{revenue}}', and the year '{{year}}'. Typography should have a faint glow with slight blurring, and all elements should feel premium, elegant, and softly illuminated—like a high-end cyberpunk collectible card.",
"style": {
"lighting": "Neon glow, soft reflections",
"font": "Modern sans-serif, clean and minimal",
"layout": "Centered, structured like a digital collectible card",
"materials": "Glass, holographic plastic, glowing metal edges"
},
"parameters": {
"logo": "Tesla logo",
"ticker": "TSLA",
"company_name": "Tesla Inc.",
"card_number": "#0006",
"revenue": "$96.8B",
"year": "2025",
"colors": ["red", "white", "dark gray"]
},
"medium": "3D render, high-resolution digital art",
"size": "1080px by 1080px"
}
@yongkangc
Copy link
Author

yongkangc commented Apr 23, 2025

This prompt doesn't require a reference photo. Simply change the parameters, and you're good to go.

Keep the parameters inside "prompt" the same, only change the ones inside the "parameter" object

It also works with custom logos, it's how we made this @framer version:

Change the parameters.logo to "Framer logo (attached image)"

@yongkangc
Copy link
Author

yongkangc commented Apr 23, 2025

Step by step guide:

Animate your logo into trading cards with 2 prompts.

This prompt doesn't require a reference photo. Simply change the parameters, and you're good to go.

Keep the parameters inside "prompt" the same, only change the ones inside the "parameter" object

Prompt:

{
"prompt": "A futuristic trading card with a dark, moody neon aesthetic and soft sci-fi lighting. The card features a semi-transparent, rounded rectangle with slightly muted glowing edges, appearing as if made of holographic glass. At the center is a large glowing logo of {{logo}}, with no additional text or label, illuminated with a smooth gradient of {{colors}}, but not overly bright. The reflections on the card surface should be subtle, with a slight glossy finish catching ambient light. The background is a dark carbon fiber texture or deep gradient with soft ambient glows bleeding into the edges. Add subtle light rays streaming down diagonally from the top, giving the scene a soft cinematic glow. Apply light motion blur to the edges and reflections to give the scene a sense of depth and energy, as if it's part of a high-end tech animation still. Below the card, include realistic floor reflections that mirror the neon edges and logo—slightly diffused for a grounded, futuristic look. Text elements are minimal and softly lit: top-left shows '{{ticker}}', top-right has a stylized signature, and the bottom displays '{{company_name}}' with a serial number '{{card_number}}', a revenue badge reading '{{revenue}}', and the year '{{year}}'. Typography should have a faint glow with slight blurring, and all elements should feel premium, elegant, and softly illuminated—like a high-end cyberpunk collectible card.",
"style": {
"lighting": "Neon glow, soft reflections",
"font": "Modern sans-serif, clean and minimal",
"layout": "Centered, structured like a digital collectible card",
"materials": "Glass, holographic plastic, glowing metal edges"
},
"parameters": {
"logo": "Tesla logo",
"ticker": "TSLA",
"company_name": "Tesla Inc.",
"card_number": "#0006",
"revenue": "$96.8B",
"year": "2025",
"colors": ["red", "white", "dark gray"]
},
"medium": "3D render, high-resolution digital art",
"size": "1080px by 1080px"
}

It also works with custom logos, it's how we made this @framer version:

Change the parameters.logo to "Framer logo (attached image)"

And attach the image.

Now onto animating in @Kling_ai

Make sure to upload the image to start and end frame. This works with Kling 1.6 and 2.0

Prompt:

A cinematic static shot of a futuristic trading card rotating slowly in place. The background is dark with ambient neon glows and soft light rays streaming from above. The card is thick and premium, with beveled edges and subtle glossy reflections that react to the rotating motion. As the card turns, light dances across its surface, highlighting the glow of text and graphical elements. The floor beneath the card shows a soft, diffused reflection. The rotation is smooth and continuous, completing a full 360-degree spin on the vertical axis, then seamlessly looping back to the start. No camera movement—only the card rotates, creating an elegant, endless loop.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment