Typography

A major problem when trying to build a component system is that native text nodes contain additional space above capital letters and below the baseline. This is completely different to how designers think about typography and ends up creating a lot of extra work during development to fix unbalanced spacing.

To correct for this, we use a library called Capsize (with a thin wrapper adapting it to React Native) which applies negative margins above and below text nodes, ensuring that their space in the layout is aligned with the actual glyphs on screen.