Visual Engineering

CYRONIX DESIGN SYSTEM.
SPECIFICATIONS & TOKENS.

Full technical documentation for the CYRONIX Design System 1.6.0: resource overlay mappings, typography hierarchy, shape geometry, and Adreno 530 GPU efficiency.

1. Design Philosophy

Dark-first, technical, quiet. Everything renders at 60 fps on the Snapdragon 821 Adreno 530 GPU: no blur, no parallax, no heavy compositing layers, and no bitmap-frame widgets.

2. Typography Hierarchy

RoleTypefaceSizeUsage
Display LargeSpace Grotesk Medium54 spLockscreen clock (tabular numerals)
Headline LargeSpace Grotesk Medium24 spDialog titles, Security Center scores
Headline MediumInter SemiBold20 spApp bar titles, navigation headers
Body MediumInter Regular14 spPrimary reading text, notifications
MonospaceJetBrains Mono13 spBuild IDs, kernel hashes, IPs, terminal

3. Token Resource Overlays

CYRONIX Design System tokens are injected directly into the AOSP framework resource tree:

  • core/res/res/values/colors_cyronix.xml: Global dark/light palette values.
  • core/res/res/values/dimens_cyronix.xml: Control radii (20dp dialogs, 10dp buttons).
  • LatinIME/java/res: CYRONIX Keyboard theme definitions.