The following rules govern style choices for UI and visual design.
- This project uses Radix for it's frontend library.
- Follow the color usage guidelines under Radix Colors.
- Follow the component references and structures as defined in the Radix documentation.
- Follow the guidelines from the Radix Styling Guide.
- Follow the typography rules as laid out on https://www.radix-ui.com/themes/docs/theme/typography.
- Radix has specific guidance on Spacing. Follow the guideline found here: Spacing.
- If there are conflicts in spacing, default to the Radix defaults.
- By default, use Radix icons.
- If an icon does not exist, use Lucid as a fallback.
- Avoid using custom colors as there is no guarantee that they will fit the Radix theme nor provide proper contrast.
- Avoid custom spacing and font sizes in order to keep readability to a premium.
- Avoid breaking Radix rules governing typography.