Practical resources
Short guides and templates for the parts of product work that rarely get documented.
Card Hover Effects — 2
5 effects · page 2 of 2Elevation, tilt, glow, and border animation effects
Card Hover Effects — 2
5 effects · page 2 of 2Elevation, tilt, glow, and border animation effects
Chip Spotlight
Perimeter Beam
Automated releases
Every merge builds, tests and ships to staging on its own, with a one-click promotion gate to production.
Paper Peel
Editorial
Folding, scoring and the tidy corner
Pointer Spotlight
Realtime insights
Live funnels, alerts and cohort views that update as events arrive — no refresh, no exports.
Directional Overlay
%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22880%22%20cy%3D%22200%22%20r%3D%2296%22%20fill%3D%22%23e8c9a0%22%20opacity%3D%22.85%22%2F%3E%0A%20%20%3Crect%20x%3D%220%22%20y%3D%22470%22%20width%3D%221200%22%20height%3D%22280%22%20fill%3D%22%23c9c3b6%22%2F%3E%0A%20%20%3Crect%20x%3D%22120%22%20y%3D%22180%22%20width%3D%22960%22%20height%3D%22330%22%20fill%3D%22%23ddd7ca%22%2F%3E%0A%20%20%3Crect%20x%3D%22120%22%20y%3D%22180%22%20width%3D%22960%22%20height%3D%2226%22%20fill%3D%22%23b9b2a2%22%2F%3E%0A%20%20%3Crect%20x%3D%22120%22%20y%3D%22330%22%20width%3D%22960%22%20height%3D%2226%22%20fill%3D%22%23cfc8b9%22%2F%3E%0A%20%20%3Crect%20x%3D%22120%22%20y%3D%22470%22%20width%3D%22960%22%20height%3D%2240%22%20fill%3D%22%23b9b2a2%22%2F%3E%0A%20%20%3Cg%20fill%3D%22%239aa39b%22%3E%0A%20%20%20%20%3Crect%20x%3D%22180%22%20y%3D%22206%22%20width%3D%2234%22%20height%3D%22124%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22420%22%20y%3D%22206%22%20width%3D%2234%22%20height%3D%22124%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22700%22%20y%3D%22206%22%20width%3D%2234%22%20height%3D%22124%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22980%22%20y%3D%22206%22%20width%3D%2234%22%20height%3D%22124%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20fill%3D%22%238f9992%22%20opacity%3D%22.85%22%3E%0A%20%20%20%20%3Crect%20x%3D%22300%22%20y%3D%22356%22%20width%3D%2234%22%20height%3D%22114%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22560%22%20y%3D%22356%22%20width%3D%2234%22%20height%3D%22114%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22840%22%20y%3D%22356%22%20width%3D%2234%22%20height%3D%22114%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Crect%20x%3D%220%22%20y%3D%22640%22%20width%3D%221200%22%20height%3D%22110%22%20fill%3D%22%23b3b7ad%22%2F%3E%0A%20%20%3Crect%20x%3D%22140%22%20y%3D%22510%22%20width%3D%22920%22%20height%3D%22130%22%20fill%3D%22%237f9c8c%22%20opacity%3D%22.35%22%2F%3E%0A%3C%2Fsvg%3E)
Atrium House, revisited
A courtyard apartment block photographed across a full day, from first light to poolside evening.