Wixel: Working with Themes
Themes in Wixel make it easy to keep a consistent, polished look across your designs. Instead of picking colors and fonts one by one, you can use themes to set the mood and visual style for your entire project. This lets you quickly create designs that look like they belong together, whether you’re posting online, printing flyers, or sending out invites.
Choosing a theme
Themes are the foundation for creating a unified look and feel in your Wixel project. By selecting a theme, you can instantly apply a combination of colors and fonts to your designs, bringing everything together under one visual style.
Wixel themes are made up of colors and fonts. You can individually customize each of these elements or use the theme as it is. The font theme includes a header and paragraph font. The color theme include 2 base colors and 4 accent colors:
Base colors: The primarily colors for backgrounds and elements (e.g. text, shapes, icons).
Accent colors: The colors for links, accents, and additional uses.
To choose a theme:
Desktop browser
Click the relevant design in your project and click Themes on the action bar.
Select a theme:
Themes in use: These are themes that have already been used in this project.
All themes: All available options for themes.
Wixel app
Go to your project in the Wixel app.
Select a logo design in your project and tap the Themes icon
on the action bar.
Select a theme:
Themes in use: These are themes that have already been used in this project.
All themes: All available options for themes.
Editing a theme
Make a theme your own, showing off your unique personality and brand. Personalize your theme's colors and fonts by swapping color palettes, trying a new typeface, or tweaking individual elements.
To edit a theme:
Desktop browser
Click the relevant design in your project.
Click Theme on the action bar.
Hover over a project theme and click the Edit theme icon
.
Hover over what you want to edit and click Edit.
Colors
Update your project's theme colors to match you style or experiment with something new. Theme colors in Wixel control the look and feel of backgrounds, text, buttons, and other key elements across your project.
Swap the whole palette: Click Change palette. Browse and select from your project palettes, suggested combinations, or explore other options.
Change specific colors: Change a specific color in the palette by clicking on a Base or Accent color. Use the color picker, enter a hex code, or choose from your theme colors.
Fonts
Update the fonts in your project's theme to match your project’s personality or create a new vibe. Click the Heading or Paragraph drop-down and select a different font from the list.
Wixel app
Go to your project in the Wixel app.
Tap the Themes icon
on the action bar.
Tap the project theme and tap the Edit theme icon
.
Tap what you want to edit:
Colors
Update your project's theme colors to match you style or experiment with something new. Theme colors in Wixel control the look and feel of backgrounds, text, buttons, and other key elements across your project.
Swap the whole palette: Tap Change palette. Browse and select from your project palettes, suggested combinations, or explore other options.
Change specific colors: Change a specific color in the palette by tapping on a Base or Accent color. Use the color picker, enter a hex code, or choose from your theme colors.
Fonts
Update the fonts in your project's theme to match your project’s personality or create a new vibe. Tap the Heading or Paragraph drop-down and select a different font from the list.
Applying theme colors to designs and elements
As your project develops and you add new elements, you can re-apply your chosen theme to instantly update everything with the same colors. This helps ensure all your content looks and feels like it belongs together.
To apply a theme:
Desktop browser
Click the relevant design in your project.
Choose how to apply a theme:
Update all elements across your project
Click Themes on the action bar. Hover over the logo's theme and tap the Re-apply icon
to update all elements in the logo.
Update individual elements
Manually apply the theme colors to any new elements in the logo.
Note: This currently works with shapes only.
Select the element.
Open the color picker on the action bar.
Choose from Theme colors.
Wixel app
Go to your project in the Wixel app.
Choose how to apply a theme:
Update all elements across your project
Tap the Themes icon
on the action bar. Then, tap the logo's theme and tap Re-apply to update all elements in the logo.
Update individual elements
Manually apply the theme colors to any new elements in the logo.
Note: This currently works with shapes only.
Select the element.
Open the color picker on the action bar.
Choose from Theme colors.
FAQs
Click a question below to learn more about themes.
Can I change a design's theme later?
Yes. When you change a theme, it automatically applies to all the elements in that asset.
If I add new elements to a design, will they automatically adopt the theme?
No, any elements you add to a design from the side panel will not automatically adopt your design's theme.
How can I make sure the colors across my project are accessible?
All colors are checked for accessibility. If a combination is hard to read, you’ll get a warning message suggesting to adjust the color combination.
Why is my theme not applying to the whole video?
Themes in Wixel videos apply to each shot, not to the entire video. When you add, edit, or apply a theme, it only affects the shot you selected on the timeline. If you want the same look across your video, apply the same theme to each shot.
Can I remove a project theme?
Yes, if you want to remove a theme click or tap the Detach theme icon
in the Themes panel.
Need A Professional Website?
Contact Us Today!
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected
I'm a paragraph. I'm connected