YoloLab
HomeWorksGalleryWritingAbout
ZHEN
01Home02Works03Gallery04Writing05About
ZHEN
GitHub
← Back to the gallery

03 / OIL PAINTING / SCROLL VOYAGE

Tidal Letters

A letter without an address. Follow a little boat through six soft impressionist chapters to find who it is for.

Playable2026-09-15Prompts included

Preview

Open in a new tab↗Loaded on request so the first screen stays light.
Tidal Letters

Build details

Built
2026-09-15
Updated
2026-09-16
Made with
Built-in image_gen (paintings) + hand-written JS
Stack
Static HTML/CSS/JS · SVG tether + clip-path · WebP scenery + alpha boat
Status
Live
  1. 2026-09-15First version: one continuous pull from sea into garden
  2. 2026-09-16Long voyage: six chapters, route index, postcards
  3. 2026-09-16Impressionist revision: all scenery repainted from one style reference

Prompts

The original prompts behind each image, copy-ready for the same generation flow.

Source: docs/tidal-letters/impressionist-prompts.json

  1. sea
    Use case: illustration-story. Create an original website background, wide landscape 16:9, first scene of a cohesive gentle impressionist painted story called a letter carried by the wind. A pale luminous summer DAYTIME sea, soft sage-turquoise water in lower third, a tiny distant blush peach coastal village and small ivory lighthouse at far right, warm cream clouds dissolving into powder blue sky. Left 60% mostly open quiet sky for dark green title. Very soft French impressionist oil painting: broad broken-color brushstrokes, lost and found edges, hazy atmospheric perspective, milky pastel colors, matte paint on fine linen, understated thin scumbled paint rather than thick sculptural impasto. Low contrast, simplified forms, only hints of architecture. Sophisticated poetic painting, dreamlike but not cartoon. Palette pale celadon, dusty sky blue, ivory, muted apricot, lavender gray. No photorealism, no crisp outlines, no detailed windows, no 3D, no HDR, no saturated turquoise, no harsh shadow, no text, no border. No boats or people; a separate little messenger sailboat will be animated over this background. Peaceful inviting morning light.
  2. garden
    Use case illustration-story. Generate a NEW original wide 16:9 website scene in exactly the soft impressionist style and milky pastel palette of the attached style reference sea. Reference image is STYLE ONLY, change subject entirely. Broad loose broken-color oil strokes, blurred lost edges, low contrast warm daylight, subtle linen grain, powder blue, pale celadon, ivory, dusty apricot, lavender gray. No photorealism, no crisp decorative detail, no heavy sculptural paint, no outlined cartoon, no text. Scene 2 of the letter-carried-by-wind story: an empty sunlit seaside garden, large warm ivory plaster wall and pale lavender shadows fills left 60% for dark text. On right a simple sage-green garden gate left ajar, loose white daisies and muted peach flowers, one small pale blue envelope rests on the stone threshold with a tiny peach wax seal, visible but not oversized. Through gate glimpse the same pale blue sea. Flowers painted as soft spots, no detailed petals. Quiet expectant atmosphere, no people, no boats.
  3. harbor
    Use case illustration-story. Generate a NEW original wide 16:9 website scene in exactly the soft impressionist style and milky pastel palette of the attached style reference sea. Reference image is STYLE ONLY, change subject entirely. Broad loose broken-color oil strokes, blurred lost edges, low contrast warm daylight, subtle linen grain, powder blue, pale celadon, ivory, dusty apricot, lavender gray. No photorealism, no crisp decorative detail, no heavy sculptural paint, no outlined cartoon, no text. Scene 3: extra WIDE 3:1 seamless panoramic composition, a sleepy coastal harbor, modest blush houses and a small post-office doorway on far left with a simple sage mailbox and NO lettering, quiet pale blue water and distant lavender hills in middle, one simple ivory lighthouse at far right where a ribbonlike line of light sea mist drifts up toward green hills. Room to pan horizontally through painting. Hazy spacious sky covers upper half, buildings only suggested through broad color masses. No people, no boats, no signs or typography. Softest milky morning light, unified airy impressionist painting.
  4. hills
    Use case illustration-story. Generate a NEW original wide 16:9 website scene in exactly the soft impressionist style and milky pastel palette of the attached style reference sea. Reference image is STYLE ONLY, change subject entirely. Broad loose broken-color oil strokes, blurred lost edges, low contrast warm daylight, subtle linen grain, powder blue, pale celadon, ivory, dusty apricot, lavender gray. No photorealism, no crisp decorative detail, no heavy sculptural paint, no outlined cartoon, no text. Scene 4: 16:9 broad soft sage-green rolling meadows, a winding ivory path travels from lower center across hill to ONE simple ivory windmill at right 74% across and middle height, faded peach wildflower specks, tiny loose white daisies along the path, a pale blue ribbon tied to windmill rail is carried UPWARD by breeze toward a sweep of creamy white cloud. Sea visible as a faint dusty blue band behind far hills. Soft atmospheric daylight. Left half quiet celadon sky/meadow negative space for typography. No sharp architecture, no people, no boats.
  5. clouds
    Use case illustration-story. Generate a NEW original wide 16:9 website scene in exactly the soft impressionist style and milky pastel palette of the attached style reference sea. Reference image is STYLE ONLY, change subject entirely. Broad loose broken-color oil strokes, blurred lost edges, low contrast warm daylight, subtle linen grain, powder blue, pale celadon, ivory, dusty apricot, lavender gray. No photorealism, no crisp decorative detail, no heavy sculptural paint, no outlined cartoon, no text. Scene 5 story destination: 16:9 a small simple sage-green glass conservatory and garden gate on a tiny floating patch of meadow, right third of frame, among soft powder blue and ivory daytime clouds. Loose white daisies surround greenhouse entrance, one simple empty cream garden chair beside a small table waiting for a letter. A pale blue ribbon is loosely tied to the gate, matching the windmill's ribbon. Left 60% quiet luminous sky for text. Floating island bottom dissolves into haze and clouds, no sharp rock detail, no giant detailed staircase, no people, no boats. Dreamlike and very soft, painted with broken airy brushstrokes. 
  6. ship
    Style-transfer edit of attached transparent PNG/WebP boat asset. Keep the input ALPHA CHANNEL TRANSPARENCY of the empty background; output a PNG with transparent background, not any checkerboard drawing. Keep boat silhouette, dimensions, placement and bottom rope attachment. Repaint just the boat with a softer pastel impressionist palette, faded apricot hull, celadon accents, ivory sail with lavender soft shadows. Simplify ornate machinery to quiet brushstrokes and low contrast. Add one pale blue envelope with peach seal on deck. No scenery, no background, no checkerboard, no white backdrop. This is a transparent cutout sprite for compositing on a website.

Enter the experience↗Opens in its own window, full screen and interactive.
INDEPENDENT PRODUCT LABStay curious. Keep building.

A little curiosity.
A new beginning.

Explore the work

EXPLORE

WorkGalleryWritingAbout

ELSEWHERE

GitHubX / Twitter

Ideas, experiments, and things shipped.

YoloLab
© 2026 YoloLab · yololab.cc · v2026.09.21END OF PAGE. NOT THE EXPLORATION.

CHANGELOG

Always building.

Every ship, polish pass, and fix, kept in one place and linked back to the page it shipped on. It hides in the footer — finding it counts.

  1. 2026-09-21Polish

    The changelog reads as a timeline

    The date and category now stick in a left rail and every entry hangs off a hairline with its own dot — same notes, easier to scan.

  2. 2026-09-16Ship

    This changelog, hidden behind the footer version

    The version number in the footer now opens this list. It is reachable on every page, sits outside the sitemap, and stays out of search results on purpose.

  3. 2026-09-16Ship

    Page transitions with a progress bar

    Navigating between pages now covers the gap with a transition layer and loading feedback, and it degrades to an instant jump under reduced motion.

  4. 2026-09-16Content

    Every exhibit got its own preview page

    Gallery exhibits now open real pages that carry the prompts, the build details and the reasoning behind each world, instead of stopping at a thumbnail.

    Open the Gallery
  5. 2026-09-16Content

    Tidal Letters: a six-chapter scroll voyage

    An impressionist scroll story built as six soft chapters. The page documents how the sequence was assembled, not just the final frames.

    Enter Tidal Letters
  6. 2026-09-16Polish

    An editorial footer

    The shared footer became a real directory: brand typography, a quieter closing rail, and navigation that works in both languages.

  7. 2026-09-15Ship

    Writing got categories, ideas and a morphing search

    The writing board gained category filtering and bilingual venture ideas, and the search control now morphs in place instead of jumping between states.

    Browse writing
  8. 2026-09-15Ship

    A section rail and a collapsed archive

    Long articles gained a section navigation rail, and the older archive months collapse behind a reveal control so the recent work stays reachable.

    Read a sample article
  9. 2026-09-14Content

    DYOR reports gained Lieflat charts

    Research reports render the same evidence charts through both the static shell and the D1 worker renderer, so a published figure cannot diverge between them.

    Open the research board
  10. 2026-09-14Ship

    The Gallery was rebuilt as interactive worlds

    The exhibit list became a full-screen orb stage with two enterable worlds, theme-aware covers and localized metadata for each one.

    Step into The Nameless Garden
  11. 2026-09-09Infra

    SEO P0: English by default, permanent 301s

    English became the default locale, www now redirects to the apex with a permanent 301, and x-default points at /en in both renderers.

Open the full changelog

Rendering