Chipsa

Reference it for

• 24-column grid with --grid-gap: 10px and --offset-x: 30px edge offsets, finer-grained than 12-col, suited to editorial agency layouts
• CSS custom-property-driven theme switching with paired --theme-light-* / --theme-dark-* plus active --theme-color / --theme-bg-color aliases
• PPNeueMontreal (Pangram Pangram) at Medium + Bold as the sans workhorse, a modern grotesque alternative to Inter / Neue Haas
• PPRightGrotesk-CompactDark as a compact display cut paired with the sans, gives an editorial register without committing to a serif
• --header-height: 74px token for a fixed top chrome, a useful sticky-nav baseline
• leva integration in production CSS, agency comfortable shipping a dev control panel namespace, signals heavy WebGL/canvas experimentation
• Single workhorse transition 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) (easeOutCubic) for colour and background changes, disciplined rather than a 22-transition system
• Self-hosted fonts on agency-controlled CDN (cdn-vk.chipsa.ru), three woff2 files, no Google Fonts dependency

Do not copy

• The chipsa logomark or any agency-specific casework
• The Pangram Pangram font licences (PPNeueMontreal, PPRightGrotesk) without buying them
• The CDN domain cdn-vk.chipsa.ru and any VK/Yandex integrations unless the brand is genuinely targeting the Russian market
• Shipping leva to production, it is a dev tool, in a Jiffi build it should be tree-shaken before deploy
• The Cyrillic copy register or any Russian-specific UX patterns
• The current production state: the live page errored at capture and should not be treated as the canonical chipsa we are referencing, borrow the token system, not the broken render