webstudio-is / webstudio-design Goto Github PK

Copy and animation changes

• open source visual builder > no vendor lock-in > the full power of CSS for designers
• macOS icon bounce
• open source/heart/mind

Screen capture section

• Screen captures
• Revised animation

New Music

• New music from DJ
• Sync animation to new music

Animation Refinements

• Typography animation refinement
• Edge deployment section animation refinement
• Adding small VFX touches (lens flares/particles/glows)

Product Hunt Page

• Finalize copy
• Animated GIF of the logo
• Carousel Images
• Upload video to YouTube (Product Hunt uses YouTube embeds for videos)
  

Schedule

M: Copy and animation changes / Screen capture section
T: Screen capture section / Animation refinements
W: New music / Animation refinements
T: Animation refinements / Product Hunt Page
F: Upload (although I would consider uploading on Monday instead. Friday is known as the worst day to post anything on social media)

You can best help by:

1. Working with your DJ friend on the new music and making sure I have a draft on Wednesday.
2. Finalizing the copy for the Product Hunt Page
3. Making sure the Product Hunt/YouTube accounts are ready to go, so we can upload right away

Storyboard Link

We have very little followers on PH, to improve that we need to introduce some links

• footer link
• follow us button https://www.producthunt.com/products/webstudio/embed

This is the html ph is generating

<a
  href="https://www.producthunt.com/products/webstudio?utm_source=badge-follow&utm_medium=badge&utm_souce=badge-webstudio"
  target="_blank"
  ><img
    src="https://api.producthunt.com/widgets/embed-image/v1/follow.svg?product_id=304197&theme=light"
    alt="Webstudio - Open&#0032;visual&#0032;development&#0032;for&#0032;the&#0032;open&#0032;web | Product Hunt"
    style="width: 250px; height: 54px"
    width="250"
    height="54"
/></a>

I already added the button but it doesn't look great, probably need to take that svg and adjust it to match the size of our other button? or something?

Problem: SVGs look pixelated because the vectors aren't aligned to the pixel grid. More info

Solution: go through the icon artwork and perform pixel hinting. More info