Guidance / Rules

Rules

The standing rules behind every screen.

Figma is the source

  • Copy the named source literally; never "in the spirit of" it.
  • A shared Figma component is the whole container: no extra wrapping, lines or sections.
  • Build nothing the frame lacks; departures are questions.

Say less

  • No explaining sentences.
  • One fact, one place.
  • No decorative chips, colour stripes, emoji or all-capital labels.
  • Let people read the data; no verdict banners.

Structure

  • One container level.
  • Each kind of information gets its own form, only when it answers a real question.
  • Read and act are separate.
  • One main action; the rest in the more menu. Delete never sits red beside Edit.
  • No new state when a note, chat or filter can carry it.

Type, fields and controls

  • Inter on the scale only.
  • Every field on a screen is 56 tall.
  • Each control state is its own icon.
  • Touch targets at least 44.

Forms and records

  • One form with switches inside.
  • Show similar records while a name is typed.
  • Delete only unused records; otherwise deactivate.
  • Every record keeps its history.
  • Rejecting always needs a reason.

Before sharing

  • Tap every control, role and status.
  • Check the empty first screen, not only filled ones.
  • Compare with the Figma frame side by side.