โ† Methodology

Development Practices

How the site is built. Good engineering hygiene, not innovation โ€” just the basics done right.

Performance

Target Core Web Vitals: LCP < 2.5s, CLS < 0.1, INP < 200ms. Zero JavaScript. Single CSS file. Only animate transform and opacity (GPU-composited). Compress images aggressively. Respect prefers-reduced-motion.

Animation

Elements inside an image should move, not the image itself. Preferred: Ken Burns (slow zoom/drift), particle overlays, glow pulses. Max ~8 animated elements. Subtle beats dramatic.

Design System

Indigo primary (#4f46e5), glassmorphic cards, Inter font, 14px border-radius. Three tag styles: Active (indigo), Launched (green), Ideation (gray). Mobile breakpoint at 480px.

Testing & QA

Browser matrix: Chrome + Safari mobile, Chrome + Firefox desktop. Accessibility: 4.5:1 contrast, keyboard nav, screen reader tested. Full QA pass before every production promote.

SEO

Unique title and meta description per page. Open Graph tags for social sharing. Canonical URLs to prevent staging/prod duplication.

Operations

Git push deploys in ~30s. Rollback via git revert. Version tags on every release. Incident response: identify, communicate, rollback, 5 Whys, document, prevent.

Content

Direct, no fluff. Short sentences. Bold key phrases for scanners. Hebrew in dedicated sections, never mixed mid-paragraph. All images <200KB.

Branching

Evaluating a move from staging-as-subdirectory to branch-based staging with deploy previews. Production stays on GitHub Pages.

Full reference docs: dev/ on GitHub (11 files)