
Fight design inconsistency with a design system.
Consistency is a huge part of your product’s UX, here's a quick dive into the benefits of using a design system.
A clean, minimal and professional invoice template for FreeAgent.
Available in two different font styles to suit your brand:
To add your new invoice theme in FreeAgent, select 'Settings' from the drop-down menu in the top-right corner, then 'Theme Gallery'.
Next, select 'Create Custom Theme'
We now need to copy and paste the theme styles into the Custom theme editor.
Your Minimal theme download folder will have 4 files:
Choose which font style you would like to use (monospace or san-serif). For this example I'm going to use san-serif.
Open up the san-serif__main.css file in any text editor such as Notepad, it should look something like this:
Copy all the text inside the file and then navigate back to your FreeAgent window. In the Main CSS tab paste the contents from san-serif_main.css
Click the 'Save Invoice Theme' button
Next click into the Print CSS tab and repeat Step 3 but with the san-serif_print.css file instead
Click the 'Save Invoice Theme' button.
Click the 'Back to Theme Gallery' button, then 'Use Theme' on the Custom Theme card.
Then you are done!
We don't offer support on installing themes, but if you spot any bugs please contact hi@caboodle.studio.
Consistency is a huge part of your product’s UX, here's a quick dive into the benefits of using a design system.
In this article we provide practical insight into the 8pt grid and how spacing is such a vital design consideration.