Ivory-light background (#FAF9F5). Not white. The surface (#F0EEE6) is ivory-medium. Hover (#E8E6DC) is ivory-dark. Every step has warmth. The text (#141413) is brown-black, not blue-black. The muted text (#5E5D59) is warm gray. Every single color in this system leans warm. If you introduce a cool neutral, you break the spell.

Inter at weight 700 for headings. Clean, neutral, structured. Then Lora for body text at weight 400. That's the signature move. Serif body text on warm ivory reads like a research paper. Not a SaaS product page. Not a landing page. A research paper. That's a trust signal you can't buy with a nice illustration.

The contrast between the neutral sans-serif headline and the warm serif body is all the personality this system needs. At 18px base size with 1.75 line height and spacious density, the serif body text has room to display its elegant curves. The heading letter-spacing at -0.02em keeps the Inter headers tight and structural. JetBrains Mono for code creates a three-font system where each typeface has a clear purpose: structure (Inter), content (Lora), and data (Mono).

Barely there shadows. 1px 3px using the warm text color at 6% opacity. The ivory tone steps (background to surface to border) create depth on their own without shadow work. That's the trick. When your surfaces have this much tonal range, shadows become redundant. The large shadow at 25px 50px exists for modals but is rarely needed. Relaxed motion speed means transitions feel deliberate, like turning a page in a heavy book. Lift hover effects gently elevate cards. Subtle surface noise gives every surface a tactile, craft-paper quality. No colored shadows. The warmth is the atmosphere.