Use the font of your choice
Choose it from Google Fonts or install your own. Your site hosts it itself.
Your site wears your colors on every page
Choose your colors, your fonts and the shape of your buttons once, in your site’s design system.
Billions of ready-to-use combinations
Light, dark or automatic mode
Start from a ready-made palette
Choose a color to see the palettes built around it. In each one, your buttons, your backgrounds and your text already match.
See the result before you apply it
On the Preview screen, you see your headings, buttons, cards, forms and menus with this design. Your Staging site only changes when you apply it.
Take the typography from one design and the buttons from another
Combine spacing, cards, forms and menus the same way. You have billions of possible designs, not counting the ones you create.
Your text stays readable on all your colors
You see a color’s contrast as soon as you create or edit it. You know right away whether your text stays readable.
Your site picks the most readable color on its own for text and links placed on a button or a colored background.
Poor contrast is the most common accessibility failure on the web: it affects 83.9% of home pages (WebAIM, 2026).
Change a color across your whole site in one go
Create a color, a size or a shadow and use it in all your blocks. Change that setting and all those blocks change at once, on every page.
You give each color a role on the Design System screen. Your primary color, for example, is used for your main buttons, your links and the selected tab.
You also see how many blocks use each color, size or shadow. You can’t delete a setting by mistake while it’s still in use.
Set your fonts, the look of your blocks and dark mode
Set the look of your blocks in all their states
A form field changes its look when it’s required, correctly filled in, in error or disabled. A button changes on mouse hover and on click. Save these settings in a style and give it to every block of the same type.
Your site switches to dark mode when the visitor prefers it
Give your colors a dark version. Your site displays according to each visitor’s device setting, or according to their choice if you add an appearance switcher to your pages. Your logo and your favicon each have their own version for dark backgrounds.
Try out your design without your visitors seeing it
You set your design on the Staging site. Your visitors discover it when you publish.
Get the original styles back
Change the styles provided by Lovely Render as much as you like. Remove your changes and you get the original style back.
Go back to the previous version
Your site keeps several of its published versions. Put the previous one back online if you don’t like your new design.
Do I need design skills to use it?
No. The colors, fonts and buttons of each design in the catalog already go well together. Start from the one you like and change whatever doesn’t feel like you.
Can I use my current brand guidelines?
Yes. Enter your colors by their code (#22613D for example), choose your fonts from Google Fonts or upload your own, then add your logo. The catalog then serves as a starting point for the shape of buttons and cards.
Do Google Fonts cause a GDPR problem?
No, not on your site. Your site’s fonts never go through Google.
Will my site look like other customers’ sites?
No. Two customers can start from the same design, but your colors, your fonts, your logo and your images make the difference from the very first page.
Can I change my design later without redoing my pages?
Yes. Your pages use the design system’s settings. Apply another design and all your pages take it on, without you having to rework them.
Can a page have a different style from the rest of the site?
Yes. Each block has its own color, typography and spacing settings. You can make a page stand apart without touching the design of the rest of the site.
Is my design the same on a phone?
Yes. You can also change an element only on desktop, on tablet or on phone.
Can ChatGPT or Claude set up my site’s design?
Yes, if you’re an administrator of the site. They can apply a design from the catalog, create a color or import a font. They always work on the Staging site.