rrxivrrxiv

Home/Design tokens

Design tokens & components

Reference page rendering every token and the design-system component set. Source of truth lives in tools/design-system/rrvix-design-system/; CSS is vendored in packages/ui/src/styles/components.css.

Brand mark

LockupLockup
MarkMark
StackedStacked

Accent

  • --rrxiv-blue#0C447CLogo, headings (sparingly), links at rest, focus rings
  • --rrxiv-blue-hover#185FA5Hover deepens
  • --rrxiv-blue-tint#E6F1FBSelected rows, tooltip surfaces — never a fill on its own

Neutrals

  • --rrxiv-text#1A1A1A
  • --rrxiv-text-secondary#5F5F5F
  • --rrxiv-text-muted#888888
  • --rrxiv-bg#FFFFFFDefault page background
  • --rrxiv-bg-tint#FAFAF7Warm cream — what makes the design read as paper
  • --rrxiv-surface#F5F4EECard surfaces
  • --rrxiv-border#E8E6E0
  • --rrxiv-border-emphasis#B4B2A9

Semantic

  • --rrxiv-success#3B6D11Replication confirmed
  • --rrxiv-warning#854F0BUntested / pending
  • --rrxiv-danger#A32D2DRetraction, contradicted

Type scale

  • h1 (roman)--rrxiv-text-h1 — 2.5rem

    Methods

  • h2 (roman)--rrxiv-text-h2 — 1.75rem

    Results

  • h3 (italic — voice)--rrxiv-text-h3 — 1.25rem

    Discussion

  • Body--rrxiv-text-body — 1rem

    The corpus is the texture. A library catalog has more right answers than a marketing page.

  • UI--rrxiv-text-ui — 0.875rem
    Submit a paper
  • Small--rrxiv-text-small — 0.8125rem
    Last updated 2026-05-11
  • Code--rrxiv-text-code — 0.9375rem
    arXiv:2401.12345

Italic vs roman

Italics carry meaning. Page and section titles are italic by default; body text is roman. This is opposite to most web typography and is deliberate — it reinforces the LaTeX/scholarly convention of italics-as-voice.

Icons

Inline SVG only, 1.5px stroke, square caps, miter joins, currentColor. Each icon belongs to the same stroke family as the wordmark.

  • search
  • chevron-l
  • chevron-r
  • external
  • copy
  • link
  • close
  • code
  • add
  • iDorcid

Badges

Replication status is a word plus a tiny shape — never color alone. The dot is opt-in via the dot prop.

ReplicatedContestedRetractedUntestedPreprint
ReplicatedContestedRetractedUntestedPreprint

Paper row

A row in the home listing: id, title, authors with ORCID dots, submission date, category tags, claim counts, status pill.

2605.00002

The claim graph as a first-class artifact

M. Voss, R. El-Sayed · 2026-05-15cs.DLcs.AI
4 claims2 replicated1 contested
Contested
2605.00003

Reproducibility budgets for ML preprints

A. Tanaka, S. Park · 2026-05-12stat.MLcs.LG
3 claims1 replicated1 contradicted1 contested
Contested

Claim chips

A claim chip is the addressable unit of the corpus — id, statement, replication state.

c1
A claim graph reduces citation overhead by 38% on the studied corpus (n = 1,200).
Replicated
c2
Section-level structure outperforms abstract-only embeddings for retrieval at p < 0.01.
Contested
c3
The proposed encoding is robust to small-N reviewer disagreement.
Untested

Citation

BibTeX / RIS / JSON tabs above a pre block, mono font, cream surface.

BibTeXRISJSON
@article{260500002,
  title  = {The claim graph as a first-class artifact},
  author = {M. Voss and R. El-Sayed},
  rrxiv  = {rrxiv:2605.00002},
  year   = {2026}
}

Prose container

Inside .prose, links render with the rrxiv default style — underlined blue, 1px stroke, 2px offset, hover deepens. Outside, links inherit the kit’s default a rule (blue, no underline). For more, see the source repository.

Body measure is capped at --rrxiv-content-max (720px) for legibility — about 60–70 characters per line, never wider.