🎨Twake Ecosystem Guidelines
Global guidelines for any new projects around Twake, Frontend and Backend guidelines are discussed here.
Frontend guidelines
Logo, UI and UX guidelines
Logos
Colors and fonts
The fonts and colors to use are defined in the document bellow, scroll down for the hexadecimal codes of each color.
Colors code extracted from the Twake theme https://github.com/linagora/Twake/blob/main/twake/frontend/src/app/theme.less
Icons and emojis (⚠️ not validated by UX designer yet)
Twake is currently using feather icons https://feathericons.com/ and can fallback to Material Icons or FontAwesome.
Emojis on web must use the Apple emojis set preferably. On device, prefer to use the device emoji set.
Frameworks and component system
Languages and frameworks
We recommend TypeScript and VueJS for any new projects around Twake. (But Twake itself currently uses ReactJS with typescript.)
Components system
We strongly recommend using Antd design system: https://ant.design/ for 3 reasons:
We want to differ from Material UI that is too recognisable
Antd is very customisable, and we provide a Twake theme here: https://github.com/linagora/Twake/blob/main/twake/frontend/src/app/theme.less
Antd contain more components than Material UI
Libraries for common use cases
Feel free to add any library in this table.
Backend guidelines
Programmation languages
Databases and middlewares
Last updated