+234 Design System

Patterns

Whole pages, assembled from the components. A pattern is where the hierarchy decisions live: what leads, what follows, and what the reader does next.

What a pattern decides

Components answer "what does this look like". Patterns answer "what matters on this page". That second question is the one the old frontend never answered consistently, which is why a category page, a search result and the homepage each grew their own card.

The hierarchy rule

Every page has exactly one lead. Under it, a small number of secondaries at a visibly lower weight, then compact items. A reader should be able to rank the stories on a page without reading a single headline. If two things both look like the lead, neither is.