Eastrow Studio
Browse the documentation

Image reveal

Two pictures of the same frame: the second shows through a band that travels down the first as the page scrolls.

Blocks: Heading, Text, Buttons, Countdown, Image, Notice, Spacer.

Settings

Two pictures of the same frame, the second shown only through a band across the picture that holds its place on the screen as the page scrolls, so it travels down the picture.

Content

Image

Image

Image shown through the window

Image

Use the same frame as the first image, for example another colorway, at the same size and shape.

Follow Theme settings for images

Checkbox · on by default

Theme settings › Images › Section images (shape, images in another shape) and Grain › Show on image sections. Turn off to set this section's own. With the content on the image, Height sets the size unless it is The image's shape.

Image shape

Choice · default Portrait (4:5)

Options: The image's own, Square (1:1), Portrait (4:5), Portrait (3:4), Tall (2:3), Landscape (3:2), Wide (16:9), Cinema (21:9)

Show grain

Checkbox · off by default

Fine film grain over the image (Theme settings › Images › Grain sets its strength).

Layout

Follow Theme settings for content placement

Checkbox · on by default

Theme settings › Content on images: where the blocks sit, their alignment, width, distance from the edges, spacing and box. Turn off to set this section's own.

Content position on desktop

Choice · default Bottom center

Options: Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, Bottom right, Above the image, Below the image, Beside the image

Content position on phones

Choice · default Bottom center

Options: Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, Bottom right, Above the image, Below the image

Content position beside the image

Choice · default Middle

Options: Top, Middle, Bottom

Image side

Choice · default Left

Options: Left, Right

Image's share of the width

Choice · default Half

Options: Half, Two thirds, One third

Text alignment on desktop

Choice · default Match the position

Options: Match the position, Left, Center, Right

Text alignment on phones

Choice · default Match the position

Options: Match the position, Left, Center, Right

Content width

Choice · default Medium

Beside an image, Full width is the whole column.

Options: Narrow, Medium, Wide, Full width

Distance from the image's edges

Choice · default Page margin

Options: Page margin, Double the page margin, None

Space between blocks

Choice · default Standard

Options: Tight, Standard, Loose

Box behind the content

Choice · default None

Options: None, Color scheme, Translucent

Box color scheme

Color scheme

Words color

Choice · default Automatic

On the image. Automatic picks light or dark for the part of the image behind the words (Readability, below, sets how strict it is).

Options: Automatic, Light, Dark

Shade

Slider · 0% to 60% · default 0%

Shade style

Choice · default Gradient from the content's side

Options: Gradient from the content's side, Even

Window

Follow Theme settings for the reveal window

Checkbox · on by default

Theme settings › Images › Image reveal: window height, window position, outline. Turn off to set this section's own.

Height

Slider · 10% to 60% · default 30%

The band's height, as a share of the picture's.

Position on the screen

Slider · 20% to 80% · default 50%

How far down the screen the window holds while the page scrolls. 50% is the middle.

Outline the window

Checkbox · off by default

Appearance

Follow Theme settings for the section frame

Checkbox · on by default

Color scheme: Theme settings › Colors › Page color scheme. Space above and below: Theme settings › Layout. Turn off to set this section's own.

Color scheme

Color scheme

Spacing

Space above

Choice · default Medium

Options: None, Small, Medium, Large

Space below

Choice · default Medium

Options: None, Small, Medium, Large

Width

Choice · default Full width

Full width runs as far as Layout's reach lets full-width images and grids; Page width keeps the section inside the page margins.

Options: Page width, Full width

Show a hairline above

Checkbox · off by default

Show a hairline below

Checkbox · off by default

Visibility

Show on desktop

Checkbox · on by default

Show on phones

Checkbox · on by default