UX Guidelines

1. Use only clear HTML and theme CSS except when additional are necessary.
2. Apply flexbox layout where applicable.
3. Apply margin 15 on iOS and 16 on Android on every example screen where applicable.
4. Align UI controls to those margins. (the UI controls can be stretched to the whole available width of the screen)
5. Text size in example 15.
6. Header size in example h3.
7. Buttons should look like buttons: with the styles from the theme. Android buttons should be with UPPER CASE.
8. Textfields should look like textfields: with one bottom border (Android) or with all 4 borders (iOS).
9. Convenient comments in the code - especially for the templates (e.g. list view templates - every section with different layout should be commented accordingly)
10. Avoid using Title Case anywhere in the UI. Use Sentence case instead.
11. Avoid using the word “Example” in the name of the example.