casing
- in general, ALL CAPS text is not interactable
- e.g. field labels, page headers
- all interactable & clickable text is all lowercase
- e.g. defined field values, placeholder text, button text,
- hint / error message text, empty state text is sentence case
- users are not restricted by casing when adding in field data
- capital characters open by default for first character (like most apps)
- iOS components follow their own casing
font
- Fjord One is used for field hint / error text and empty state text
- Red Hat Display font is used for the rest of the app
- any iOS native components can keep their default font (SF Pro Display)
size
follow the size seen in Figma, especially checking the components page if you are not sure.
emphasis
most items are of regular weight but some items are of medium weight, like the weight marker component.
color
refer to: