Today Raivcoo gets a new look. Every page now follows one visual style, inspired by something we all spend hours looking at: the canvas and the timeline.

Here’s what’s changing and why.

Why a new style

Raivcoo is made for video editors and motion designers, and I wanted the site to feel closer to that world. The previous design served the site well, but as Raivcoo grew, I wanted a style that ties every page together and feels familiar to the people using it.

So the idea was simple: borrow from the tools we already know. Guides, safe areas, keyframes, selected paths. The details you see every day in After Effects and Premiere Pro.

The frame system

The base of the new style is the frame: thin lines and small corner squares, like the bounding box of a selected layer.

  • Pages connect to the header. The header line runs straight into each page, so the site reads as one piece.

  • Content lives in cells. Plugins, articles and support options sit in cells with shared borders, like panels in an editor workspace.

  • Lines extend to the screen edges, the same way guides run across your whole canvas.

You’ll see it on the home feed, collections, bookmarks, search, plugins, support and the legal pages.

Details from the editor

A few small pieces taken from motion design tools:

  • Safe-area guides on the home page, with crop marks and center ticks, like the title-safe and action-safe overlay.

  • Keyframes on the plugins page: Easy Ease, Linear and Auto Bezier, drawn as outlines. Hover one and it turns blue and rotates.

  • Bezier handles. The Raivcoo wordmark in the footer and the icons on the support page are drawn as vector paths with their anchor points and handles visible, as if you’d just selected them with the pen tool.

  • Title covers. Articles without a cover image get a generated cover with the title inside a safe-area frame, like the one on this post.

Smaller improvements

Along with the new style, a few pages got some care:

  • Search has a proper header showing your query, the result count and your active filters, which you can remove one by one.

  • Empty states now sit inside the frame with the rest of the page.

  • Mobile layouts are simpler. Decorative pieces hide on small screens so the content comes first.

What’s next

With the style in place, new pages and features will follow it from the start. If something looks off or broken, let me know through the support page, or on Discord or X.

Thanks for being here.