The colours, type, shapes and pictures of Aeroora in one place.
Brand
SaaS & Software - Modern and focused: indigo, violet and blue, the product on screen.
Palette Bright Indigo · Soft Modern style · pictures: Gradient mesh with saas & software subjects · fonts Outfit and Nunito
Colours
Every colour is a token in assets/css/theme.css (--wt-primary ...). The contrast of the text colours is shown against the page; WCAG AA needs 4.5:1 for text.
Light mode
Dark mode
Type
Outfit
Headings
Nunito
Text, buttons and forms (Google Fonts)
Fewer meetings, more finished work
Everything a busy team needs
How to choose the right plan
Product, engineering and support see the same roadmap, deadlines and numbers, updated the second anything changes.
Your data is encrypted, backed up daily and hosted in the region you choose. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many customers come back and tell their friends. Our team has done this many times, so you never have to guess.
Clear reports turn weekly numbers into decisions in minutes, not days.
Corners and depth
--wt-shadow--wt-shadow-lgComponents
Pictures
Gradient mesh in the template colours, with saas & software subjects. Every product picture shows its product. Replace them with your own photos of the same size (see PHOTOS.md for the photos of the live demo).
Design files
design-tokens/tokens.json- every token in the W3C Design Tokens format: in Figma, install the Tokens Studio plugin and load the file; Style Dictionary turns it into code for other platforms.design-tokens/style-guide.svg- this page as a board: drag it into Figma, Sketch or Illustrator and every swatch, text and shape stays editable.design-tokens/tokens.css- the same values as CSS variables for other projects in the brand.