One system. Every product.
Every Maarkrix product inherits the same tokens, typography and motion. This page is the live reference — colors, type, components and motion, rendered from the same CSS that ships in production.
Dark-first, one accent.
Signal green is the only accent color. It marks live state, primary actions and moments of emphasis — never used as a background gradient or decorative tint.
Page background
Cards, elevated surfaces
Modals, popovers
Primary text
Secondary text
Accent · action · live state
Hairline dividers
Emphasized borders
Inter Variable + JetBrains Mono.
Inter for display and body, JetBrains Mono Variable for labels and technical data. Two families, no exceptions.
Every Maarkrix product is engineered end to end — from the pixel to the database schema — under one design system and one quality bar.
M-01 · PCComparate · release_year=2026 · region=US/USD
Rendered from production CSS.
Restrained, physical, purposeful.
Cubic-bezier(0.16, 1, 0.3, 1) for reveals. 900ms for entrance, 150–200ms for feedback. Everything respects prefers-reduced-motion.