Yozhkin Roll: Rich Aesthetic & Tilda Integration (V4+)

This skill defines the technical standards, design language, and deployment protocols for the "Yozhkin Roll" project.

🎨 1. Design Language: "Rich Dark" & "Nova V26"

• Color Palette:
  • EZ-Orange: #ff7a00
  • Background: Deep Dark #111 for loyalty/footer, Soft White #f8f8f8 for content.
• Visual Effects:
  • Glassmorphism: backdrop-filter: blur(10px), transclucent backgrounds, and thin borders (rgba(255,255,255,0.1)).
  • Glow & Depth: Strategic use of radial gradients for ambient lighting.
• Typography:
  • Outfit: Premium headlines (font-weight 700-800, uppercase).
  • Inter: High-readability body text.

🧱 2. Master Component Architecture

• Consolidated Styles: All global CSS lived in PRODUCTION/ui/master_styles.css. No local overrides in individual blocks if possible.
• SEO & Head Enrichment: All <head> metadata, Schema.org JSON-LD, and OG tags are managed in PRODUCTION/ui/seo_head.html.
• Component isolation: Classes prefixed with .nova- or .magic- to avoid Tilda system collisions.