Appearance

remCSSThe Golden Ratio CSS Framework

rem-only. Mathematically grounded. Built for the 2026 web.

Get Started
The Math
View on GitHub
φ

Golden Ratio Scale

Every spacing, sizing, and type value derives from φ = 1.618. No arbitrary magic numbers — ever.

🎨

oklch() Colors

Perceptually uniform color space with light-dark() for seamless theme switching. No hex values in the codebase.

📦

CSS Layers

@layer base, components, utilities — deterministic cascade with zero !important hacks.

📐

Logical Properties

padding-inline, margin-block — fully writing-mode agnostic and RTL-ready from day one.

🔬

Container Queries

Components respond to their container, not the viewport. Layout intelligence where it belongs.

⚡

Zero JavaScript

A single CSS file. No runtime. No framework lock-in. Drop it in and it works.