理論
Theory. Precision. Electric Energy.
Swiss Precision
A meticulous 12-column grid with 24px gutters, constrained to maximum 1200px width and centered on the viewport. Every element snaps to column boundaries. Headings span 8 columns. Body text spans 6 columns with a 2-column indent.
The underlying architecture of organized thought, revealed through neon intensity.
Typography Hierarchy
Space Grotesk Display
The mind thinks in theories. Reality operates in practice.
Inter Body
Each word is a precise instrument. Swiss typography demands clarity; neon demands drama. This site achieves both through disciplined restraint and calculated intensity.
Space Grotesk: Geometric sans-serif with open apertures. Inter: Clean, contemporary body font optimized for screen legibility.
Parallax Depth
Scroll creates measured depth relationships between content planes. Each section moves at a different velocity, creating the illusion of looking into a layered architectural model. No swooping animations---just purposeful depth.
Concrete Surface
The background is not flat color but tactile texture: a base of #1A1A2E overlaid with fine-grain noise (4-6% opacity) simulating concrete or rough paper. This bridges Swiss poster tradition and urban motif---the walls of a city are textured, not polished.
Material authenticity through procedural noise. The surface you touch is never truly flat.
Full-Screen Grid Revelation
The site opened with neon grid lines fading in, revealing the 12-column structure. Content blocks slid into position from different edges, snapping to grid positions with subtle bounce. The grid then faded to 3% opacity---still present, still structuring, still visible to the initiated eye.
Interactive Pulses
Hover over color blocks to see neon glow. Scroll to experience parallax depth. Click any accent block to trigger a pulse animation that radiates from that point---the neon energy made visible through CSS animation.
理論
Theory meets practice. Swiss rigor meets Tokyo neon. The grid holds structure; the color explodes energy. Every element serves both order and intensity. This is riron.net: the thinking space dressed in electric light.