Skip to content
RSXDesign

RSX · Design

Design is
deliberate.

The principles, systems and visual decisions that define RSX.

This is a reference. It records how RSX looks and why: the marks and the files they come from, the typefaces, the colour values with their measured contrast, and how the products relate to the parent brand. Everything shown is in use or approved. Where something has not been decided yet, the page says so.

It is not a design service. RSX does not take commissions, and nothing here is an offer to design for anyone. If you are building an RSX interface, start with the principles; if you need a file or a value, go straight to the section.

Guidelines 1.0 · Updated

The guidelines

  1. 01PrinciplesSix rules every RSX decision is checked against, each with what it means in practice and the question that tests it.
  2. 02IdentityThe RSX symbol, logo and textmark: approved variants, backgrounds, prohibited treatments, and the authoritative files.
  3. 03TypographyThe three typefaces, the role each plays, the responsive scale, Polish coverage, and what not to do with type.
  4. 04ColourRSX red, the paper and ink neutrals, interaction and status tokens, with measured contrast for every text pairing.
  5. 05ArchitectureHow RSX services carry the parent mark, how Metal, Native, Node and Link carry their own, and the grid they share.

In practice

The RSX symbol, drawn from the same path data as the published file, with its construction grid laid over it. Cut in. Three wedges cut from a solid block, from the left, right and bottom edges, leave an arrow pointing up and to the left. Every point falls on a module or half-module line. Every RSX product mark is drawn on the same grid.

rsx-icon · 249.889 units squareModule 83.296 · half 41.648

Where this is applied

The RSX sites are built to these guidelines, this one included: the same tokens, the same three faces, the same lockup in the header. rsx.group is the reference implementation of the paper surface with ink bands.