Webyst Starter Kit

This is a custom framework we’ve put together based on Finsweet’s Client First, tailored for the way we work at Webyst. It follows the same general structure but includes a few adjustments that make it more suitable for most of our projects. One of the main changes is the use of CSS Variables for things like typography, spacing, and other basics. It helps keep things consistent and easier to manage across different pages. We’ve also added some custom utility classes we often use, like hide-desktop-only, relative, image-absolute, and a few others — nothing fancy, just things that help speed up the build process. This isn’t meant to be a big new system or anything like that. We’re mainly sharing it here since we use it internally, and if anyone else finds it useful or wants to copy parts of it, that’s totally fine.