Pika

The site presents a striking split personality, juxtaposing a relaxed, warm-toned left panel with a deep, authoritative black right panel. This creates a functional and conceptual division, visually separating descriptive content from interactive login forms. Text on both sides prioritizes legibility with high contrast, while subtle border radii soften interactive elements without sacrificing a clean, modern edge. It feels like a laid-back, creative studio space meeting a behind-the-scenes control panel. Always use Buttermilk Base (#ffedd2) for the left content pane background and Carbon Panel (#1f1f1f) for the right interactive pane background to maintain the split layout identity. Apply a 6px border radius to all interactive buttons and 10px to larger media containers like video players. Use telkaExtended, weight 900, size 32px, lineHeight 1.13, letterSpacing 0.32px for all primary section headings. Ensure all primary text on Buttermilk Base background uses Inkwell Deep (#0d0d0d) for maximum readability. Maintain 10px top/bottom padding and 16px left/right padding for standard-height buttons. Use Chrome Edges (#e5e7eb) for subtle borders on buttons and input fields where a delineation is needed without high contrast. Do not deviate from the two-tone split layout structure; avoid full-bleed backgrounds that span both content and interactive areas. Do not introduce strong chromatic colors beyond the specific brand/social icons; the palette is intentionally restrained. Avoid large, aggressive letter-spacing on body text; telka uses subtle negative or minimal positive spacing. Do not use box-shadows for elevation; the design relies on color contrast and subtle borders for depth. Do not use font weights above 450 for body text or links; reserve 900 for headings only.