White background. Clean and simple. But the gradient is where the brand lives: a warm caramel-to-terracotta blend that creates hero sections and product backdrops that feel like golden-hour photography. The surface color is a deep teal-dark, which means surface cards on this seed create dramatic inversions. Light page, dark cards. That reversal is bold.

Inter at 400 for both weights. The heading letter-spacing is dramatically tight (nearly -3.6px), creating headlines that feel compressed, physical, almost like they're being pressed into the page. That pressure is what gives Tonic its magazine-cover energy. The heading line-height at 1.0 reinforces the compression. Headlines are dense blocks of intent.

The body at 1.3 line-height with a generous 20px base size keeps content readable and approachable. The contrast between the crushed headings and the open body text creates a rhythm that feels like flipping through a lifestyle magazine. Punchy headlines. Easy reading.

Soft shadows at 8px vertical offset with a wide 30px blur radius. Elements don't sit on the page. They float gently above it with a dreamy, diffused depth. The shadow intensity is low (6% opacity), creating a cloudlike quality. Lift on hover with a noticeable 0.96 active scale gives interactions a satisfying squish. Responsive, warm, inviting.