# Delft tile (sref-DRFRS3)

Slice style ref: sref-DRFRS3
Page: https://tryslicemedia.com/styles/sref-DRFRS3
Slug: delft-tile

> THIS IS A MOODBOARD, NOT A TEMPLATE. The style below is inspiration for the look and feel. Keep its materials, colours, textures and the way it moves, but invent your own scenes, characters and objects for this clip. You are not limited to anything shown in the preview, and nothing in it has to appear. Use illustration and animation to help tell the clip's story.

## At a glance
- Feel: Loose cobalt brushwork on glossy white tin-glazed tiles, flipping like cards to change the picture.
- Group: Handmade objects
- Energy: calm; mood: homely, classic, steady
- Pictures: all drawn, no photos needed
- Palette: #F7F7F2, #1F4E8C, #6C8EBF, #D9D9D0
- Preview shape: 1:1 (the look works in any shape: 9:16, 4:5, 1:1 or 16:9)

## The look
LOOK: tin-glazed earthenware tiles painted in cobalt. Glaze #F7F7F2 white, #1F4E8C deep cobalt for strokes, #6C8EBF diluted cobalt for washes, #D9D9D0 grout. Blue and white only.
LINE AND FILL: loose, confident brush strokes that swell and taper; washes in the lighter blue, a few dots. Each tile carries small corner motifs that join across the grout into a repeat.
TEXTURE: glossy glaze with a soft sheen, a hairline craze, slightly gritty grout.
LIGHT: soft room light on a shiny surface; an occasional slow glint travels across the glaze.
CAMERA: locked, square to a wall of tiles in a grid.
MOTION: tiles flip like cards on their vertical axis to change the picture, one by one in a calm wave, lifting slightly with a soft shadow. Pictures build from several tiles into one larger image. Between flips, nothing moves.
TYPE: brushed blue serif small caps on a single tile, often inside a simple painted cartouche.
THE RULE: everything is hand painted in one blue on white tiles; the grid is always visible.
DON'T: no other colours, no hard vector lines, no gradients beyond the glaze sheen, no tiles sliding or spinning freely.
Treat these as the look, never a template: invent fresh pictures, words and compositions from what this clip says.

## What it suits
- Content: personal-story, nostalgia, faith, advice, explainer
- Tone: classic, homely, calm
- Pace: medium
- Best for: Proverbs, home and family stories, history, and pieces that build one picture from parts.
- Avoid for: Loud hype, neon modern brands or colour-coded data.
- Keywords: delft, blue and white, tin glaze, ceramic, tile, cobalt, brushwork, grid
- Suits (from the library): Stories, Faith, Nostalgia, Teaching

## How to use it
Build most of the clip as a wall of blue tiles that flip to change the picture, one tile per part of the story, cutting back to the speaker once or twice for the saying that ties it together.

## Where the speaker sits
Suits Full scene, Small, Split; avoid Drawn over. (save_scene speaker: {"mode":"hidden"}, {"mode":"corner","where":"lower-left"}, {"mode":"split","where":"below"})

## Story first
STORY FIRST. Read the whole clip before you design anything.
1. Write the clip's arc in one line: setup, tension, turn, pay-off. Name the one line that is the reveal.
2. Tag every sentence with its job: setup, context, tension, turn, reveal, example, number, contrast, list, quote, feeling, metaphor, callback, pay-off, aside.
3. The visuals carry the whole clip. If the clip shows the speaker's face, open on them (the first scene keeps them on screen) unless the person says otherwise. After that, never cut back to the speaker full-frame unless the person asks for it; if they do, only on the ending, never in the middle of an explanation. The speaker can still sit inside a scene (a corner, a split or drawn in) when the person wants to be seen.
4. Build one flowing visual story, not a new picture per sentence. Each scene covers a whole thought (one to three sentences), holds 3 to 8 seconds and turns into the next.
5. Start each scene on the first word of its sentence, or up to half a second before. Never cut mid-sentence.
6. Inside a scene, bring small details in on the words they show (an item, a tag, a tick). Earlier details stay.
7. Choose one or two recurring objects or characters in the first scene and bring them back changed. Callbacks beat new pictures.
8. Build up the same picture where you can (add to it, move the camera across it) instead of replacing it.
9. Energy: about 80 percent still, drifting or gentle. Allow one big move in the whole clip, on the reveal, for 1 to 2 seconds, then settle and hold.
10. Numbers sit on a scale (gauge, bar, table, timeline) and hold long enough to read. Contrasts are a still split or the same layout twice.
11. Feelings get a quiet image, or one of the cuts back to the speaker; never effects.
12. On-screen text names, labels or quotes; it never repeats the caption. Five words or fewer per label.
13. End every scene by settling or thinning out, or by turning into the next scene. No exit effects.
14. The style sets the look. These rules set when, how long and how calmly. If the style's own motion rules ask for more energy than this, use less.

TECH: one HTML file, one GSAP 3 timeline created paused as window.__timelines.main, duration = the scene's length, transforms and opacity only.

## Sample frames
- Frame 1: https://ripttgmjfyhtufiygtbe.supabase.co/storage/v1/object/public/style-frames/sref-DRFRS3/f1-aff43014.webp
- Frame 2: https://ripttgmjfyhtufiygtbe.supabase.co/storage/v1/object/public/style-frames/sref-DRFRS3/f2-39f3d89b.webp
- Frame 3: https://ripttgmjfyhtufiygtbe.supabase.co/storage/v1/object/public/style-frames/sref-DRFRS3/f3-feabc07b.webp
- Frame 4: https://ripttgmjfyhtufiygtbe.supabase.co/storage/v1/object/public/style-frames/sref-DRFRS3/f4-feabc07b.webp

## More
- Every style: https://tryslicemedia.com/styles
- All styles as plain text: https://tryslicemedia.com/styles.txt
- Make it in Slice: https://tryslicemedia.com/shorts