-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Communications Timeline - John Smith</title>
<style>
/* ZIVVY DESIGN SYSTEM - GRID4, RHYTHM24, TOUCH44, TIMING300 */
:root {
--zivvy-primary: #256EFF;
--zivvy-primary-hover: #4285FF;
--zivvy-success: #10B981;
--zivvy-warning: #F59E0B;
--zivvy-error: #EF4444;
--zivvy-white: #FFFFFF;
--zivvy-background: #F9FAFB;
--zivvy-border: #E5E7EB;
--zivvy-text-primary: #1F2937;
--zivvy-text-secondary: #6B7280;
--zivvy-text-tertiary: #9CA3AF;
--zivvy-gold: #FFD700;
/* GRID4 */
--zivvy-space-2: 8px;
--zivvy-space-3: 12px;
--zivvy-space-4: 16px;
--zivvy-space-6: 24px;
--zivvy-space-8: 32px;
/* RHYTHM24 */
--zivvy-rhythm-1: 24px;
--zivvy-rhythm-1-5: 36px;
--zivvy-rhythm-2: 48px;
/* TOUCH44 */
--zivv… -
initial commit
