The 7 mark
A horizontal plane and diagonal meet at the blue balance point.
E7A / 07
System
A compact view of how this site is constructed.
- Version
- v0.1.0
- Locale
- EN
- Grid
- 12 columns
- Typography
- Manrope + JetBrains Mono
- Accessibility
- Keyboard, touch, reduced motion
- Build
- Next.js 16.3.5 / React 19.3.0
- Motion
- Structure → balance → clarity
- Global hotkeys
- Disabled
- Hidden overlays
- Disabled
- Interaction
- Explicit user actions only
BRAND / SYSTEM
Color
A monochrome system. Blue marks the point where a decision is made.
LIVE / RUNTIME
- Route
- /en/system
- Locale
- —
- Viewport
- —
- Breakpoint
- —
- Device class
- —
- Orientation
- —
- Pointer
- —
- Touch
- —
- Display
- BROWSER
- Motion
- —
- Contrast
- —
- Transparency
- —
- Theme
- DARK
- Online
- —
- DPR
- —
- Network
- —
- DOM nodes
- —
- Components
- —
- JS transfer
- —
- Cached resources
- —
- TTFB
- —
- LCP
- —
- CLS
- —
- INP
- —
- Balance / F
- 52
- Balance / C
- 48
- Balance / A
- 58