Editorial design studies

This page turns the supplied style-guide mock into a coded reference for palette, type, actions, badges, forms, and listing modules.

The tone comes from contrast: assertive serif display text, compact uppercase labels, and clean Inter body copy for dense marketplace information.

The reference mock used a mix of heavy dark buttons and lighter archival controls. Both patterns are represented here.

Chips from the registry mock become reusable states here: role, service type, sale state, and verification.

The source guide used two main treatments: minimal underlined fields and rounded search shells. Both are included below.

The component guide ends with a concrete card so the system remains grounded in the real marketplace object that users spend most of their time with.