A List of Webstudio Templates (+ Screenshots)
Here are the various templates available for Webstudio (plus some other helpful tips).
I’m stoked you found Webstudio and are interested in templates!
In this post, I’ll show you all the available templates from Webstudio.
Here are some of the benefits of starting with a template:
- Quickly launch a site
- They are 100% customizable
- Get a good idea of proper structure
Here are some words of caution:
- If you have a specific vision, then it’s probably better to start with a blank site
- The templates use tokens, but there’s no page or document showing you all of them, so it’s not very maintainable.
- Webstudio is a highly capable platform, but if you’ve never used a tool like it (such as Webflow or just coded with CSS) then there’s going to be a learning curve. Completely worth it if you’re serious about building websites.
I personally love Webstudio. But I also start with a blank site every time. To each their own!
Nough’ said, let’s look at the Webstudio templates!
Official Webstudio Templates
The official Webstudio templates can be found in your Webstudio dashboard.
Click one and it’ll duplicate to one of your own websites you can edit!
The Webstudio Template named marketing is a nice one page site.
It has a great use of colors, doesn’t look too “blocky”, and has a form so you can get a good idea of how that works.
But the downside I mentioned in the intro, look at all these tokens in Style Sources!
I’m left guessing what they mean and don’t know what other tokens exists without typing stuff and see what shows up in autocomplete.
I’m a big advocate for creating highly maintainable and consistent sites. But with undocumented built-in tokens, it’s going to lead to you creating your own and having variations of similar tokens.
I’m stoked you found Webstudio and are interested in templates!
In this post, I’ll show you all the available templates from Webstudio.
Here are some of the benefits of starting with a template:
- Quickly launch a site
- They are 100% customizable
- Get a good idea of proper structure
Here are some words of caution:
- If you have a specific vision, then it’s probably better to start with a blank site
- The templates use tokens, but there’s no page or document showing you all of them, so it’s not very maintainable.
- Webstudio is a highly capable platform, but if you’ve never used a tool like it (such as Webflow or just coded with CSS) then there’s going to be a learning curve. Completely worth it if you’re serious about building websites.
I personally love Webstudio. But I also start with a blank site every time. To each their own!
Nough’ said, let’s look at the Webstudio templates!
Official Webstudio Templates
The official Webstudio templates can be found in your Webstudio dashboard.
Click one and it’ll duplicate to one of your own websites you can edit!