WinningWP content is free to all. If you make a purchase through referral links on our site, we earn a commission (learn more).
Tags โ€“ ,

Spectra One Theme Review: A Brand New Block-Based Theme From the Astra Team!

Searching for the best WordPress block theme for your site? Our hands-on Spectra One review will help you decide if this theme is the right option.

If you’re interested in getting started with the new WordPress Site Editor experience (formerly Full-Site Editing), Spectra One is an intriguing new option from the same team behind the massively popular Astra theme.

Unlike Astra, though, Spectra One was built to use the new Site Editor experience. That means you’ll design every single template on your site using blocks — from the header down to the footer.

To help you do that, Spectra One comes with a bunch of style variations, block patterns, and a tight integration with the developer’s Spectra plugin.

In our hands-on Spectra One review, we’ll help you decide if it’s a good option to build your site.

๐Ÿ“– Spectra One Review: A Quick Summary

If you want to learn about Spectra One in more detail, or if you’re already confused by terms like “Site Editor” and “Full Site Editing”, I encourage you to read our full Spectra One review.

But if you’re in a rush, here’s a quick summary of some key details, along with my conclusions from the reviewโ€ฆ

Where to get?
ApproachUses the WordPress Site Editor — design everything with blocks
Price100% free
DeveloperBrainstorm Force (same team behind Astra)
Best for?โœ… Blogs
โœ… Portfolio websites
โœ… Business brochure websites
โŒ WooCommerce stores
โŒ Membership sites
โŒ Online courses
Included style variations๐Ÿ‘‰ 9 built-in style variations 
๐Ÿ‘‰ Light and dark styles
Included block patterns๐Ÿ‘‰ 5 blog listing patterns (Archive template)
๐Ÿ‘‰ 4 single patterns (Single template)
๐Ÿ‘‰ 6 header patterns (Header template part)
๐Ÿ‘‰ 5 footer patterns (Footer template part)
๐Ÿ‘‰ Limited misc. patterns for various content
IntegrationsDesigned to work with the developer’s Spectra block plugin, but you can use other block plugins
Pros๐Ÿ‘ The block patterns look great
๐Ÿ‘ You get block patterns for all important theme templates and template parts 
๐Ÿ‘ It’s a block theme from one of the most well-known theme developers
Cons๐Ÿ‘Ž Limited font options by default (can fix with the Spectra plugin)
๐Ÿ‘Ž Limited block pattern selection when it comes to individual pages/sections 

๐Ÿค” What Is Spectra One? How Is It Different From Other Themes

Before I go hands-on, I think it’s important to clearly explain the difference between Spectra One and Astra, the massively popular theme from the same developer.

With Astra, you mainly customize your theme using the WordPress Customizer, which is the visual customization interface that looks like this:

An example of the Customizer in the Astra theme
An example of the Customizer in the Astra theme

This interface is where you can change typography and colors, edit layouts, customize your header, and lots more. If you want more flexibility, you might also pair it with a page builder plugin such as Elementor or Beaver Builder. You can learn more in our Astra theme review.

Spectra One, on the other hand, uses the new WordPress Site Editor approach to theme customization. This means that there’s no Customizer (Appearance โ†’ Customizer), no menus (Appearance โ†’ Menus), no widgets (Appearance โ†’ Widgets), and so on.

Instead, you’ll manage every part of your theme from the Site Editor interface (Appearance โ†’ Editor):

An example of the Site Editor in Spectra One
An example of the Site Editor in Spectra One

What makes Spectra One really interesting to me is that it’s one of the first forays by a major theme developer into the block-based theme space.

Other popular multipurpose themes — GeneratePress, Kadence Theme, OceanWP, etc. — have not really gone into the block-based space yet. Themeisle (Neve) does have the Raft block-based theme, but I’m not sure how much of a focus that is.

So — if Spectra One is able to achieve more widespread success, that could do a lot to grow the block-based theme space.

๐Ÿ—๏ธ How You Can Build and Customize Your Site With Spectra One

With that introduction out of the way, I think it’s useful to next cover what it’s like to build your website with Spectra One.

This will not just give you a look at some of its key features, but it will also help you understand how Spectra One is different from a theme like Astra.

Installation and Basic Setup

When you first activate Spectra One, it will prompt you to also install the developer’s free Spectra plugin. This plugin extends the native WordPress editor with new blocks, design options, patterns, and more.

Because Spectra One is entirely block-based, having this extra power in the editor will also help you customize your theme.

The Spectra One setup wizard
The Spectra One setup wizard

Basic Site Design

Unlike traditional WordPress themes, there’s no need to import demo content to make your site look nice.

As soon as you activate the theme, Spectra One already looks like this right away:

The default design in Spectra One
The default design in Spectra One


When you use any block theme (Spectra One, included), the customization process will be a little different than what you’re used to.

With traditional themes, you get several customization areas under the main Appearance menu in your WordPress dashboard. 

With Spectra One, all of those menus are replaced by a single Editor menu.

How to launch the Site Editor for Spectra One
How to launch the Site Editor for Spectra One

Selecting that will launch the Site Editor, which is where you can manage everything about your theme:

  • Templates — these are full page templates, such as the template for your site’s homepage or blog posts.
  • Template Parts — these are templates for parts of your site, such as your header or footer (which can be included in full templates).
  • Styles — you can manage the styles for your overall site (colors, typography, etc.), as well as the default styles for individual blocks.
An example of the Site Editor in Spectra One
An example of the Site Editor in Spectra One

Let’s look at a few examples of what it would be like to customize your site with Spectra Oneโ€ฆ

Changing Styles

To help you quickly switch up your site’s design, Spectra One comes with nine different style variations.

Choosing a different style variation will change the entire look of your site, all the way down to the default styles for individual blocks.

For example, here’s the default style variation:

The default style variation
The default style variation

Changing to the Aquamarine style variation would instantly give you a much darker look:

The Aquamarine style variation
The Aquamarine style variation

If you want something a bit brighter, you could switch to the Mango style variation:

The Mango style variation
The Mango style variation

In addition to choosing the pre-built styles, you can also dig in and manually customize your site’s typography, colors, and layout:

How to manually customize Spectra One styles
How to manually customize Spectra One styles

For example, if you open the Typography settings, you’ll get separate areas to manage typography for body text, headings, buttons, links, and so on:

Spectra One default fonts
Spectra One default fonts

At first, I was very confused by the fact that Spectra One only lets you use a single font — Inter.

While this is the default behavior for the theme, you can fix this by enabling a setting in the companion Spectra plugin:

  1. Go to Spectra โ†’ Settings.
  2. Choose the Theme Fonts tab in the settings area.9
  3. Enable the Font Families toggle.
  4. Choose which fonts you want to add to your site from the 1,500+ fonts available in Google Fonts.
Adding new fonts using the Spectra plugin
Adding new fonts using the Spectra plugin

Once you do this, you’ll also be able to choose those fonts in the Site Editor.

In addition to sitewide styles, you can also dig even deeper and customize the default styles of individual blocks.

Customizing the styles for individual blocks
Customizing the styles for individual blocks

Beyond accessing lots of block-level style options for colors, typography, and so on, you can also add custom CSS to individual blocks, which opens up a lot of control.

Individual block style options
Individual block style options

Customizing Your Site’s Header

To control the design of your site’s header, you’ll use the “Header” template part.

You can either edit the existing header or create a new header. And the cool thing about Spectra One (and other block themes) is that you’re free to use different header templates for different parts of your site.

For this example, I’ll create a new header template.

How to create a header template in Spectra One
How to create a header template in Spectra One

To help you more easily create a header, Spectra One comes with six pre-built header block patterns that you can easily insert.

The cool thing is that these block patterns will automatically use whatever style variation you chose, so you can guarantee that they’ll match the rest of your site.

Your header automatically inherits the style
Your header automatically inherits the style

Once you choose the block pattern, you can fully customize everything using the normal block editor controls.

Customizing Your Site’s Blog Post Design

To control the template for individual blog posts, you’ll use the “Single” template. Or, there’s also a single template that includes a sidebar.

As with the header, Spectra One also includes multiple block patterns for different blog layouts. Or, you can always create your own design from scratch.

How to customize the single post template
How to customize the single post template

โš™๏ธ Key Spectra One Features

Now that you have a general understanding of how site building works in Spectra One, let’s take a look at a few key features that Spectra One offers.

Spectra One Style Variations

WordPress style variations are a Site Editor feature that lets you quickly switch up your site’s colors, typography, and other stylistic elements.

Spectra One comes with nine different style variations that you can use to change the look of your site. These include both light and dark styles — I showed you some examples above.

If none of the style variations speak to you, you’re also free to manually set up your site’s styles.

Spectra One Block Patterns

To help you design your site, Spectra One comes with a bunch of different block patterns that you can use for both individual pages and site-wide templates.

Spectra One divides these templates into 10 categories — four of these categories are for theme templates and the other six are for individual pieces of content.

Here are the four categories that help you customize your site’s templates:

  1. Archive (“Posts”) — 5 patterns.
  2. Single (“Pages) — 4 patterns.
  3. Headers — 6 patterns.
  4. Footers — 5 patterns.

Here’s a screenshot that I put together of the different patterns:

Spectra One block patterns for theme templates.
Spectra One block patterns for theme templates

The other six pattern categories have much more limited selections:

  1. Featured — 6 patterns (random assortment).
  2. Text — 1 pattern.
  3. Gallery — 1 pattern.
  4. Call to Action — 1 pattern.
  5. Services — 1 pattern.
  6. Media — 1 pattern.

Spectra One Page-Level Controls

In addition to the options that you get in the Site Editor, Spectra One also adds some page-level controls that you can access when editing any individual piece of content.

You canโ€ฆ

  • disable the header
  • disable the footer
  • enable a sticky header
  • enable a transparent header.

If you install the companion Spectra blocks plugin, you also get the ability to add custom CSS to the individual piece of content. The companion plugin also lets you enable responsive previews from the top toolbar.

Spectra One page-level controls
Spectra One page-level controls from theme and plugin

๐ŸŽ๏ธ Spectra One Performance Tests

Beyond the flexibility of being able to design your site with blocks, another appeal of Spectra One (and block-based themes in general) is the ability to create fast-loading websites.

To test Spectra One’s performance, I ran the homepage through WebPageTest to collect basic performance metrics. 

Remember — the homepage is already a complete website, so it’s a realistic test (unlike regular WordPress themes that are blank until you add content).

To compare it, I also tested an Astra starter site that looks similar and also uses the native WordPress editor. 

Note — my test site is not on performance-optimized hosting, so don’t look at the absolute number for Largest Contentful Paint (LCP). Instead, just focus on how it compares to Astra. 

ThemePage SizeHTTP RequestsLCP
Spectra One (default homepage)694 KB341.114 s
Astra (Local Business block editor starter site)944 KB381.237 s

Overall, while you can certainly build a fast-loading site with Spectra One, I don’t see any noticeable performance advantages over classic themes. Therefore, I don’t think that performance alone should be a reason to choose the block-based theme approach.

๐Ÿ’ฐ Spectra One Pricing

Spectra One is currently 100% free.

If Spectra One is able to achieve success, I would not be surprised to see Brainstorm Force release a premium add-on in the future.

My guess is that this add-on would include more block patterns and style variations, as well as more enhancements to the editor itself via the Spectra plugin.

However, even if the developer were to release a premium version, you can be confident that all of the functionality in the current version will remain 100% free.

๐Ÿ‘๐Ÿ‘Ž Spectra One Pros and Cons

To finish out our Spectra One review, let’s go over a few pros and cons of using Spectra One.

๐Ÿ‘ Pros of Spectra One

  • 100% free — at least at the time of our Spectra One review, both the Spectra One theme and the Spectra block plugin are 100% free (though the developer will soon release a premium add-on for the plugin).
  • Great-looking block patterns for important templates and template parts — Spectra One offers stylish block patterns for important templates including blog listing (“Archive”), individual posts (“Single”), header, and footer.
  • 9+ style variations — you can use the 9+ style variations to easily choose a great-looking color scheme, including light and dark designs.
  • Comes from an established developer — Spectra One comes from the same team behind the massively popular Astra theme.

๐Ÿ‘Ž Cons of Spectra One

  • Limited font selection by default by default, Spectra One only includes a single font. You can fix this by enabling a feature in the Spectra plugin, though.
  • Limited block pattern selection for pages — while Spectra One does a great job of offering block patterns for sitewide templates and template parts, it doesn’t include many patterns for individual pages or sections.

โ“ Spectra One FAQ

Finally, let’s go over a few questions you might have about Spectra One.

Does Spectra One have a free version?

Spectra One is currently 100% free and available via

Is there a premium version of Spectra One?

At the time of our Spectra One review, it only comes in a free version. However, if the theme grows in popularity, it wouldn’t be a surprise to see the developer release a premium version that adds new features.

Do you have to use the Spectra blocks plugin?

While Spectra One does encourage you to install the Spectra blocks plugin as part of the setup process, you’re still free to use other block plugins if you prefer. However, you will lose some important features, such as the ability to add custom fonts.

๐Ÿ‘‰ Final Thoughts on Spectra One

Overall, Spectra One is definitely not for everyone.

That’s not a knock on Spectra One specifically — it’s more of a statement about block themes in general.

A lot of people are probably happy to continue along with “regular” WordPress themes, in which case the developer’s much more popular Astra theme is probably a better bet (along with other quality options such as GeneratePress, Kadence Theme, OceanWP, Neve, and others).

You can read our Astra theme review to learn more

However, if you are interested in testing out the new WordPress Site Editor / Full-Site Editing experience, then Spectra One offers a great entry point from one of the most established WordPress theme developers out there.

The included style variations and block patterns all look great, which makes it easy for you to set up your site. It also integrates tightly with the Spectra block plugin, which gives you even more flexibility when you’re working in the editor.

While I’d like to see a few more block patterns for individual pages/sections, it’s still a very solid offering, especially for being such a new theme.

Given the fact that it’s 100% free, there’s no reason not to try Spectra One if you want to build your next WordPress site with blocks and the Site Editor.

Used / using Spectra One or another block theme? Share your thoughts below!

By Colin Newcomer

Colin Newcomer is a freelance writer and long-time Internet marketer. He specializes in digital marketing and WordPress. He lives a life of danger, riding a scooter through the chaos of Hanoi.
Comments (policy)
  1. Sujay says:

    Hi Colin!

    Amazing review, thank you so much. I’m Sujay, the founder of Spectra One, and I appreciate your feedback.

    I just wanted to reach out and clarify on a couple of things:

    1. Fonts

    You are correct that Spectra One defaults to using a single font, Inter. However, I want to let you know that this is the way FSE themes work. FSE themes cannot offer font options to users like classic themes do. I believe the core team has intentionally done this to maintain a clean and cohesive design for users who prefer simplicity. They may have something in mind and might offer this functionality from the core itself in the future.

    However, we understand that some users want more font options to customize their sites according to their preferences. To address this limitation, we offer two solutions:

    # Spectra Builder Plugin: Users can install the Spectra Builder plugin, which extends the theme’s capabilities and allows them to have more control over font choices within the Site Editor. You can find the plugin here:

    # Custom Fonts Plugin: Alternatively, users can install our Custom Fonts plugin, which grants access to a vast library of 1,500+ fonts from Google Fonts, giving them the freedom to choose and apply fonts that better suit their website’s style. We recently revamped this plugin completely, and you can check it out here:

    By implementing one of these options, users can unlock a wider range of font choices and have the flexibility to create a unique and personalized design that aligns perfectly with their vision.


    #2 Block Patterns

    We just released an update to Spectra One last week, where we added many more block patterns. Here is the latest count:

    Featured โ€” 16
    Text โ€” 5
    Call to Action โ€” 4
    Contact – 6
    Pricing – 6
    Post – 5
    Pages – 4
    Header – 8
    Footer – 5

    Furthermore, if users want more patterns, we provide hundreds of them through the Spectra Builder plugin.

    You can find the patterns here:
    And the wireframes here:

    Not just that, through the Spectra Builder plugin, users can access hundreds of full page templates and dozens of Starter Sites.

    We don’t want to provide redundant designs from the theme as well as the plugin, as there is huge overlap in the users of both products. That’s why we have kept the number of patterns limited in the theme for the users who use only the theme.

    Again, thank you for your review, and we’ll continue to work hard to enhance the theme’s features and offer even more customization possibilities for our users.

Leave a Reply

Your email address will not be published. Required fields are marked *

All comments are held for moderation. We'll only publish comments that are on topic and adhere to our Commenting Policy.