Design
Like your life depended on it...
QR Studio
A card builder for print. Generate styled QR codes across three formats — business card, event flyer, and content card — with dark and light themes, live preview, and PNG or PDF export. Shell favicon embedded in every QR center.
McLoughlin / 99E
A scrollytelling case study of the 3-year effort to reduce the speed limit on SE McLoughlin Blvd / OR-99E — from a 2-mile petition to a 4-mile signed reduction. Real Portland and ODOT crash data, four chapters, a synced map that flies between corridor views as you scroll.
Yoga Cards
Flippable yoga pose cards in five layouts — wide, tall, square, minimal, and gallery. Click to flip and reveal Sanskrit names, level badges, benefits, alignment cues, and hold times. CSS 3D transforms, staggered entrance animations, and shareable deep links per card.
Yoga Guide
A five-step questionnaire that produces a personalized yoga prescription — poses, breathing techniques, frequency guidance, and Ayurvedic tips — from a static scoring engine.
Yoga Flow
A two-screen yoga flow planner. Pick a duration (Quick / Flow / Long) and level (Gentle / Moderate / Strong) on the setup screen, then hit Begin Flow to reveal a sequenced pose list with hold times and per-side indicators. Total time is computed live from the actual holds. Shares the dark theme and color swatch system from the Yoga Breathing experiment — Cormorant Garamond for pose names, Space Mono for times.
Yoga Breathing
Guided pranayama breathing app with an animated ring that expands and contracts with each phase. Five techniques: Box (4-4-4-4), 4-7-8, Foundation (5-5), 2:1 Calm, and Triangle. Three color themes (sage, ocean, dusk), optional session timer, Cormorant Garamond phase labels, Space Mono countdown.
CrossFit Bento
Dark bento grid dashboard for CrossFit training data. Nine widget cards covering goal progress, calorie tracking, weekly training load bar chart, GitHub-style activity heatmap with flame icons on peak days, WOD stats, macro donut chart, exercise log with PR badges, heart rate zones, and sleep stages. DM Sans body with Geist Pixel Square for technical labels. Matte finish palette -- orange, olive, brown accents on near-black.
Sticky Notes
Interactive sticky note stack component. Post-it notes rendered from markdown files with swipe-to-cycle animation, color variants (warm, cool, neutral), and Permanent Marker handwriting font. Click to expand, click to cycle, Escape to close. Portable design -- consumer passes a notes directory path, so any page can use it with its own content.