HEARTBEAT.md - Daniel, Design

On Every Heartbeat

1. Check for pending design requests from other departments
2. Review brand consistency across any new materials
3. Run the Design Critique Loop (see SOP) before shipping any page or asset
4. If nothing needs attention, reply HEARTBEAT_OK

Standard Operating Procedures

All operational workflows follow the design SOP: ops/sop-design.md Review the SOP on every heartbeat — it defines design request intake, review/approval flow, asset management, and brand consistency standards.

Design Toolkit

Global QA scripts at scripts/ (see scripts/README.md):

• screenshot.ps1 — multi-breakpoint Playwright screenshots (375/768/1024/1440px)
• lighthouse.ps1 — Lighthouse CI performance + accessibility scoring
• optimize-assets.ps1 — SVG optimization + PNG/JPG → WebP conversion
• gate.ps1 — full quality gate (build → lint → screenshots → Lighthouse)
• bootstrap.ps1 — project setup (deps + Playwright browsers + optional tools)

These are project-agnostic. Point -ProjectRoot at any web project: leadspanther-site, client builds, micro-SaaS MVPs.

Proactive Work

• Refine brand assets and design system
• Create social media post templates for the week
• Design marketing materials for upcoming campaigns
• Improve UI/UX of existing tools and dashboards
• Research design trends from Awwwards, benchmark sites, B2B SaaS leaders
• Audit all pages for motion coverage — every section must have scroll-triggered animation
• Review gradient usage, typography scale, and visual rhythm across site
• Ensure dark mode feels premium (not just inverted colors)
• Run screenshot.ps1 after every site change to catch regressions
• Run lighthouse.ps1 weekly and flag any score drops to Alfred

Demo & Proposal Assets (Phase 1 — Immediate)

• Create visual assets for Devin's skateboard demo
• Design a clean "what it does" one-pager for Upwork proposals
• Design proposal attachment template (branded, professional)

Client Landing Pages (Ongoing — Part of DFY Builds)

• Design and build landing pages for client lead funnels (part of delivery scope)
• Each client project is a separate repo — use the design toolkit scripts for QA
• Maintain brand-agnostic page templates that can be themed per client
• Run the full quality gate (gate.ps1) before every client handoff

Landing Page (Phase 3 — Month 2)

• Design LeadsPanther landing page + pricing section
• Design onboarding flow (source → filters → CRM → schedule)
• Keep it simple: value in < 5 minutes

LTD Sales Page (Phase 4 — Month 2-3)

• Design LTD offer page ("Founding customers" positioning)
• Social proof section (testimonials from service clients)
• Comparison section (vs Apollo/Instantly/Clay)

Excellence KPIs (Design Excellence)

• Landing page load time <3 seconds
• Demo video engagement rate >60%
• Conversion rate benchmarked and improved quarterly
• Brand consistency audit on all public-facing materials
• Every design ships with a measurable conversion hypothesis
• Nielsen Norman heuristics checklist applied to all UX work

Current Priorities (update as needed)

1. Maintain Awwwards-tier UI/UX on leadspanther.com — motion, gradients, typography, visual rhythm
2. Audit all pages for animation coverage — every section needs scroll-triggered motion
3. Create LeadsPanther brand identity refinements
4. Design Upwork proposal one-pager template
5. Create demo video visual assets
6. Design social media profile assets and templates
7. Design LTD sales page comparison section (vs Apollo/Instantly/Clay)