Consistent Design for the Entire Website
As a website grows, it becomes crucial to manage design centrally. If colors, fonts, and other visual elements need to change across multiple pages, you want to avoid repeating the same adjustments repeatedly.
Both WordPress and SiteAdmin can be used to create a cohesive visual identity. The difference lies primarily in where these features are located and how much they depend on themes, blocks, plugins, or page builders.
SiteAdmin consolidates key global design settings under the Appearance & Layout section.
Colors
In SiteAdmin, the website’s colors can be defined centrally:
- Primary color
- Secondary color
- Background
- Text
- Headings
These colors serve as a foundational palette for the website’s design, such as for buttons, backgrounds, text, and menus.
This allows the color palette to be controlled from one place instead of manually adjusting colors across multiple parts of the website.
WordPress can also handle global colors, but this depends heavily on the theme and design system being used. Modern block themes can offer extensive global styling options, while others may rely more on the theme or page builder.
Typography
Typography is another critical aspect of a website’s design.
In SiteAdmin, you can choose separate fonts for headings and body text. The platform also provides control over:
- H1–H6 headings
- Text size
- Font weight for headings and text
- Line spacing
- Character spacing
You can also upload custom fonts.
This means typography can be defined as a foundational element for the entire website, rather than each page needing its own settings.
WordPress also offers significant typography options. Modern themes can provide global typography settings, and different themes or page builders can offer detailed control.
The difference is that SiteAdmin integrates these settings into its own design system.
Logo and Favicon
A website needs more than just colors and fonts.
In SiteAdmin, there’s a dedicated section for Logo & Favicon, where the website’s visual identity can be set up.
Here, you can specify:
- Standard logo
- Light logo for dark backgrounds
- Favicon
- Alt-text for the logo
- Separate alt-texts for different languages
The logos are selected from the website’s Media library and can be used across the shared layout.
In WordPress, this is typically managed through the theme or website customization features. Modern WordPress themes may include similar settings, while others might handle the logo differently.
Loading Animations
SiteAdmin also includes built-in loading animations that appear when a page loads.
There are several pre-made options, such as circles, bouncing dots, pulsing dots, and stacks, as well as animations using the website’s logo or symbol.
You can also choose no animation and adjust the speed and size of the logo or symbol during transitions.
In WordPress, similar features are often handled by themes, plugins, or page builders.
Layout
SiteAdmin also has global layout settings that affect how the website is presented.
One setting is the website’s maximum container width, which can be set centrally, for example, 900, 1240, or 1600 pixels.
This allows you to control how wide the main content should appear on the website without needing to specify the same value on each individual page.
Scroll to Top
SiteAdmin includes an in-built feature to quickly return visitors to the top of the page.
When a visitor scrolls down, a button appears. The button’s icon can be changed, and its margins can be adjusted.
This is a small feature, but it’s an example of how even minor details in the website’s user experience can be centrally controlled.
Snow animation
SiteAdmin also includes a simple global snow animation that can be enabled on the website.
It is primarily a visual detail, but it also demonstrates that global appearance settings in SiteAdmin are about more than just colors and typography.
WordPress: A Larger Ecosystem, More Options
It’s important not to make the comparison black and white.
WordPress has an enormous ecosystem of themes, blocks, and page builders. This means you can achieve highly advanced design systems and customize nearly every detail.
With the right theme and tools, WordPress can provide more control than a standard installation offers.
The downside is that these features can be spread across multiple parts of the website. A WordPress project might include WordPress itself, a theme, a block system, a page builder, and various plugins.
SiteAdmin: A Unified Design System
SiteAdmin adopts a more centralized approach.
Colors, typography, logo, favicon, layout, and other visual features are all consolidated under Appearance & Layout.
This means you don’t have to start by selecting a theme and then add various tools to achieve a basic design system.
The SiteAdmin Editor and global settings work together. The global settings define the foundation, while content is built upon it.
WordPress or SiteAdmin?
WordPress offers a significant advantage in flexibility. With the right theme, block system, and page builder, you can build highly advanced design systems and customize nearly every detail.
SiteAdmin takes a different approach.
Instead of leaving foundational design functions to themes and plugins, several of them are built-in and centralized within the platform.
For those who want to establish the website’s visual foundation quickly and maintain the same design throughout, this results in a more streamlined workflow.
WordPress gives you a vast ecosystem to build with. SiteAdmin gives you a unified design system to start with.