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

• By Colin Newcomer
• July 23, 2023
• 1 Comment

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?	WordPress.org
Approach	Uses the WordPress Site Editor — design everything with blocks
Price	100% free
Developer	Brainstorm 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
Integrations	Designed 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:

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):

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.

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:

Customization

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.

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.

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:

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

If you want something a bit brighter, you could switch to 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:

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:

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.

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.

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.

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.

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.

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.

⚙️ 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:

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 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. 

Theme	Page Size	HTTP Requests	LCP
Spectra One (default homepage)	694 KB	34	1.114 s
Astra (Local Business block editor starter site)	944 KB	38	1.237 s

💰 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.

❓ Spectra One FAQ

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

👉 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!

1. Sujay says:

   July 24, 2023 at 4:58 am

   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: https://wordpress.org/plugins/ultimate-addons-for-gutenberg/

   # 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: https://wordpress.org/plugins/custom-fonts/

   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: https://wpspectra.com/block-template/
   And the wireframes here: https://wpspectra.com/wireframe-patterns/

   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.

   Reply

Leave a Reply Cancel reply

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

Comment

Name*

Email*

Website

Δ