Customization• 4 min read

Design Tokens & Luxury Typography

Customize brand colors, Playfair Display serif fonts, and high-fashion spacing variables.

Styling Architecture

Novakrift utilizes a token-driven CSS architecture. All typography and color palettes are defined in `snippets/css-variables.liquid` and configurable via Theme Settings.

Core Color Tokens - **Accent Gold (`#A6793E`):** Used for primary buttons, links, countdown highlights, and editorial borders. - **Background Cream (`#F5F1E8`):** Luxury editorial backdrop minimizing eye strain. - **Deep Obsidian (`#1A1A1A`):** High-contrast editorial typography and dark mode accents. - **Sand Stone (`#E5DFCF`):** Subtle borders and card dividers.

Typography Hierarchy - **Headings:** *Playfair Display*, serif — High-fashion bespoke serif with refined letter spacing. - **Body & UI:** *Inter*, sans-serif — Clean, modern geometric grotesk for maximum legibility.

Customizing CSS Tokens You can override tokens in **Theme Settings > Typography & Colors** or directly via custom CSS in `assets/custom.css`.