An interactive, scroll-driven poetry experience presenting "To Follow the Logic of Your Death (Art Walk Verse 2)" by Yonnas Getahun.
Originally published in The Monarch Review, July 6, 2014.
12 ekphrastic poems written in response to 12 artworks encountered during a Seattle art walk across 5 galleries in 2014. This digital experience recreates the feeling of walking through those galleries — artwork first, then the poem arrives through scroll-driven animation.
- Next.js 16 - App Router with static export
- TypeScript - Type-safe development
- Tailwind CSS v4 - Utility-first styling with design tokens
- GSAP ScrollTrigger - Smooth scroll-driven animations
- Google Fonts - Cormorant Garamond (poems) & Inter (metadata)
- Dark gallery atmosphere - Near-black background (#0a0a0a)
- Art before words - Artwork fills viewport, scroll reveals poem
- Scroll controls pace - User's scroll tempo defines the experience
- No chrome - Clean, minimal interface during the experience
- Mobile-first - Optimized for portrait, one-handed browsing
- Publication-quality typography - Variable fonts, careful spacing
# Install dependencies
npm install
# Run development server
npm run dev
# Open http://localhost:3000# Build static export
npm run build
# Output is in /out directory
# Deploy to Vercel, Netlify, or any static hostekphrasis-second-edition/
├── content/
│ └── poems.ts # All 12 poem-artwork pairs
├── public/
│ └── images/ # All 12 artwork images
├── src/
│ ├── app/
│ │ ├── layout.tsx # Root layout with fonts
│ │ ├── page.tsx # Main scroll experience
│ │ └── globals.css # Tailwind styles
│ └── components/ # (Future component directory)
├── next.config.ts # Next.js config (static export)
├── tailwind.config.ts # Design tokens
└── tsconfig.json # TypeScript config
- Background:
#0a0a0a(gallery-dark) - Text Primary:
#e8e8e8 - Text Muted:
#666666 - Text Accent:
#a0a0a0
- M.I.A Gallery
- Seattle Art Museum (SAM)
- James Harris Gallery
- Greg Kucera Gallery
- G. Gibson Gallery
Content © 2014 Yonnas Getahun. All rights reserved.