Style Guide

Some guardrails for designing Terminal-like UIs

Box Model

• You will rarely need to use borders/outlines when using WebTUI
• Use the ch (character width) CSS unit for horizontal padding/margins/gaps [MDN Reference]
• Use the lh (line height) CSS unit for vertical padding/margins/gaps [MDN Reference]

Text

• All text should be using a fixed-width monospace font
• All text shold be the same size