Warm Editorial

Restyle my page in a Warm Editorial style: calm, crafted and quietly premium, like an independent magazine. Palette: background #F2EEE6 (cream paper), cards #FBF8F2, text #1C1A18, secondary text #6B645B, one accent #C4702C (terracotta) used only for the main button, prices and small highlights, soft fill #E8D9C4 for decorative shapes. Hairline borders in #D9D1C3. Type: headlines in Fraunces (semi-bold, slightly soft, tight letter-spacing -0.02em, line-height 1.02), body in Hanken Grotesk 15–16px with line-height 1.6. Small uppercase eyebrow labels with 0.12em letter-spacing in the accent colour. For Chinese text pair the headlines with Noto Serif SC and the body with Noto Sans SC, and never italicise or tighten Chinese. Layout: generous whitespace, a masthead-style nav sitting on a thin ink rule, a two-column hero (text left, a tall cropped photo on the right with a small italic "Fig. 1" caption under a hairline), content on a 12-column grid with 1px rules between sections instead of heavy boxes. Components: 14px radius on cards and buttons, flat surfaces with no drop shadows, the primary button solid terracotta with cream text, the secondary button outlined in ink. Card numbers set large in the serif, with hairline column rules between cards. Testimonials as a large serif italic pull-quote with a 3px terracotta rule on its left. Motion: slow and quiet. Headlines rise line by line, a marker sweep under one key phrase, 400ms ease-out transitions. Avoid: gradients, neon colours, more than one accent, all-caps headlines.