SEO STYLING LAB

Internal preview page. Both SEO sections render here with live content so styling changes can be tested in the theme editor without touching real pages.

SEO Styling Lab — every block, live

Scroll to review each block type. Change anything in the theme customizer and it updates here instantly.

SEO Styling Lab. Every block type available in this section is shown below, in order, with its name. Open the theme customizer on this page to change any setting and watch it update live. Nothing here affects real pages.


01

Rich text

Standard paragraph copy with a link and some bold text (which becomes a highlighter when the marker option is on).


02

Row item

Espresso coffee

Dark roast

A label on the left, description on the right. Optionally shows a real product card.


03

Two column compare

Single origin

One farm, one region. Seasonal and expressive.

Blends

Built for balance and consistency.


04

Split: text + image

Ethiopia Mulish - Irving Farm New York

Split layout

Image on either side, four shapes, optional overlay, sticky option, duotone and parallax.

Outline button

05

Image banner + overlay

Banner with overlay

Content can sit in any of nine positions.

Solid button

06

Image / GIF + polaroid frame

Coffee drying on raised beds along a dirt road at a farm, with hills and buildings beyond.
Polaroid frame, tilt, hover crossfade

07

Duotone filter

Duotone — burgundy

08

Image rail

Ethiopia Mulish - Irving Farm New York

09

Before / after

BaggedBrewed

10

Image hotspots


11

Card grid

Lamari

Papua New Guinea

Ethiopia Mulish - Irving Farm New York

Mulish

Ethiopia, Guji

Cold brew

Ready to drink


12

Flavor profile

Flavor profile

Acidity
Body
Sweetness
Bitterness
Fruit

13

Numbered steps

Grind

Medium coarse, 30g

Bloom

60g water, wait 30s

Pour

Slow spirals to 500g

Serve

Total time 3:30


14

Timeline

1996

The first cafe

Irving Place, New York.

2005

Roastery opens

Production moves to Millerton.

2026

Thirty years

Still roasting every week.


15

Count-up numbers

30Years roasting
6Cafes in New York
40+Origins sourced
1996Where it started

16

Accordion

Common questions

Do you ship nationwide?

Yes, across the contiguous US.

How fresh is the coffee?

Roasted weekly and shipped at peak flavor.

Can I pause a subscription?

Any time, from your account.


17

Comparison table

Single originBlend
Best forPour overEspresso, drip
CharacterExpressiveBalanced
AvailabilitySeasonalYear round

18

Quote

The best coffee is the one you don’t have to think too hard about.

Irving Farm, est. 1996

19

Badge pills

Whole beanGroundSubscriptionDecafOrganic

20

Icon row

Sourced with care

Direct farm relationships

Roasted in NY

Small batches

New York coffee

Since 1996

Always fresh

Shipped at peak


21

Scrolling ticker

Freshly roasted in New York since 1996

22

Image marquee

Ethiopia Mulish - Irving Farm New York

23

Video


24

Countdown

Offer ends in

--Days --Hrs --Min --Sec

25

Button


26

Shaped divider


27

Spacer



28

Product spotlight card

Renders the real collection product card.


29

Heading styles


Two-tone heading style


Outlined heading style


Curved heading


30

Photo treatments

Halftone dots
Ethiopia Mulish - Irving Farm New York
Torn paper edge
Arch crop
Black and white, colour on hover

31

Photo collage

Ethiopia Mulish - Irving Farm New York

32

Masonry grid

Ethiopia Mulish - Irving Farm New York

33

Flip card


34

Tabs

Baker’s chocolate, bourbon, candied pecans.


35

Origin map

World map showing Irving Farm coffee origins: Colombia, Peru, Brazil and Papua New Guinea

36

Roast scale

Roast level

Medium
Light Dark

37

Producer card

Coffee drying on raised beds along a dirt road at a farm, with hills and buildings beyond.

Sergio Palermo

La Prosperidad Co-op

Region
Cajamarca, Peru
Altitude
1,800 m
Varietal
Bourbon, Typica
Process
Washed

Our partner for more than ten years. Los Alisos comes off this farm every harvest.


38

More heading styles


Neon sign heading


Chalkboard heading


The Millerton Gazette


Letterpress heading



Typed out as you watch


39

More photo finishes

Riso print (2-colour)
Print shop
Ken Burns slow pan
Cafe window (4 panes)
Steam on hover

40

Contact sheet

Ethiopia Mulish - Irving Farm New York

Film strip — scrolls sideways if it needs to


41

Photo fan

Hover or tap to fan the stack


42

Postcard flip


43

Stamp sheet

One photo, tiled as a stamp sheet


44

Pull-quote wrap

Magazine-style body copy that wraps around the inset quote. The quote floats to one side, the paragraph flows past it, and on a phone the quote simply stacks on top. Use it for origin stories where a strong line deserves to be pulled out of the text and made loud. This paragraph is intentionally long enough for the wrap to be visible on a desktop screen.


45

Brew recipe card

V60 POUROVER

RATIO1:16
DOSE22 g
WATER350 g
TEMP96°C
TIME3:30

Bloom 45 seconds with 60 g, then three even pours.


46

Menu board

CAFE MENU

  • CORTADO4.50
  • COLD BREW5.50
  • GUJI POUROVER6.00
  • CROISSANT4.25

47

Boarding pass

ORIGIN TRIP · BOARDING PASS
NYCNew York ADDAddis Ababa
PASSENGER: GUJI, WASHED · SEAT 1A · GATE 96
IF-1996

48

Ledger table

ROAST LOG

LOT
Guji, Ethiopia
ROASTED
Tuesday, 6:40 AM
BATCH
No. 412
CUPPING
88.25

49

Sticky notes

New Kenya on the cupping table ThursdayAsk Roberto about the honey process lotCold brew kegs — order Friday

50

Blueprint diagram

FIG. 1 — CHEMEX BOROSILICATE GLASS WOOD COLLAR 30G · 500ML

51

Subway timeline

FROM CHERRY TO CUP

  1. HARVESTGuji, Ethiopia
  2. WASHEDAt the station
  3. SHIPPEDDjibouti → NJ
  4. ROASTEDMillerton, NY
  5. BREWEDYour kitchen

52

Shelf row

Blends
Ethiopia Mulish - Irving Farm New York
Mulish
Lamari
Brew gear

53

Cup fill + roast scrub

FRESHLY POURED
GREENSCROLL TO ROAST

54

Skyline parallax

NEW YORK ROASTED

55

Origin passport + dial

ETHIOPIA

REGION
Guji Zone
ALTITUDE
1,900–2,200 m
VARIETALS
Heirloom
PROCESS
Washed
HARVEST
October – January
ROASTED 6 DAYS AGO PEAK FLAVOR: DAYS 4–14

56

Price transparency

WHERE YOUR $18 GOES

42%14%28%16%
  • FARMER
  • IMPORT
  • ROASTING
  • SHIPPING

57

Harvest calendar

WHEN ORIGINS ARE IN SEASON

ORIGINJFMAMJJASOND
ETHIOPIA
PERU
PNG

58

Wavy ticker

FRESH ROASTED IN MILLERTON NY

FAQ box (separate box, always last)

What is the FAQ box?

FAQ items always collect into their own box below the guide, and generate FAQ search markup automatically.

Can I use the accordion instead?

Yes. The accordion block above is for collapsible content anywhere in the guide box.

CTA box

The final coloured box. Background colour is per-CTA and text flips light or dark automatically.

It supports:

  • Bullets
  • A button
  • A closing line
Subscribe

Closing line renders last.

Emblem gallery — 35 decorative marks

Every decorative mark, laid out side by side. Sticker shapes, wax seal, rubber stamp, promo roundel, coffee ring, tape strip, push pin, hand-drawn circle, underline swoosh, edge label, corner ribbon, floating bird — and the new set: postage stamp, postmark, handwritten note, swing tag, burlap patch, cupping chart, foil seal, jar lid, passport stamps, matchbook, receipt strip, grinder dial, punch card, weather stamp and a one-time bean burst.

On a real page each of these is placed freely with its own X / Y position and can sit anywhere over the content. They never block clicks and they stay inside the box no matter where you put them. This gallery uses the section’s Decorative marks: laid out in a row setting so you can see all of them at once.

BEST SELLERS

SEO LAB / WAVE H / CODEX

50 PRINT-LED WAYS TO TELL A COFFEE STORY.

Ideas 41-90, built as editable Shopify blocks for direct comparison. Every title stays live and every image can be replaced in the Theme Editor.

CODE-NATIVE GENERATED BRAND PHOTO MOTION / INTERACTION
H/41

POSTAGE STAMP FRAME

Morning coffee on a New York cafe counter EST
1996
ROASTED IN NEW YORK
POSTAGE STAMPLIVE HTML / CSS
H/42

POSTMARK CANCELLATION

NEW YORK, NYAUG 13
2026
IRVING FARM
POSTMARKLIVE HTML / CSS
H/43

BARISTA SCRIBBLE

TRY THIS
OVER ICE
BARISTA SCRIBBLELIVE HTML / CSS
H/44

SWING TAG

IFC / 1996FRESH
THIS WEEK
NEW YORK, NY
SWING TAGLIVE HTML / CSS
H/45

BURLAP PATCH

IRVING FARMROASTED
WITH CARE
MILLERTON / NEW YORK
BURLAP PATCHLIVE HTML / CSS
H/46

CUPPING SCORECARD

CUPPING / 87.5LOS ALISOS
AROMACLARITYSWEETFINISHBODYACIDITY
CUPPING SCORELIVE HTML / CSS
H/47

FOIL SEAL

IFCSMALL
BATCH
NYC / 1996
FOIL SEALLIVE HTML / CSS
H/48

JAR LID STAMP

FRESHLY ROASTED  •  NEW YORK  •IFCOPEN / BREW / REPEAT
JAR LIDLIVE HTML / CSS
H/49

PASSPORT STAMP SET

PERU
CAJAMARCAJUL 26
ETHIOPIA
GUJIJAN 26
COLOMBIA
NARIÑOSEP 26
PASSPORT STAMPSLIVE HTML / CSS
H/50

MATCHBOOK

150 W 28TH STCOFFEE
AFTER
DARK
IRVING FARM / NYC
MATCHBOOKLIVE HTML / CSS
H/51

RECEIPT STRIP

IRVING FARM / TODAY

FILTER COFFEE4.00

ESPRESSO3.75

HOUSE PASTRY5.00


NOW PLAYING03:42

THANK YOU, NEW YORK
RECEIPT STRIPLIVE HTML / CSS
H/52

GRINDER DIAL

ESPRESSOPOURPRESSSET / MEDIUM-FINE
GRINDER DIALLIVE HTML / CSS
H/53

PUNCH CARD

IRVING FARMYOUR 10TH CUP
IS ON US.
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
PUNCH CARDLIVE HTML / CSS
H/54

ROAST-DAY WEATHER

ROAST DAY54°F / DRIZZLEMILLERTON, NY   06:14 AM
WEATHER STAMPLIVE HTML / CSS
H/55

SPLIT-FLAP BOARD

NEXTSTOPCOFFEE
SPLIT FLAPLIVE HTML / CSS
H/56

NEON SIGN

COFFEEON / 06:30–18:00
NEON SIGNLIVE HTML / CSS
H/57

CHALKBOARD

TODAY AT THE FARMLOS ALISOS
POUR-OVER
LEMON / CACAO / HONEY
CHALKBOARDLIVE HTML / CSS
H/58

NEWSPAPER MASTHEAD

VOL. XXXNEW YORK / THURSDAYNO. 1
THE FARM PAPER

COFFEE, PRODUCERS AND CITY LIFE SINCE 1996

MASTHEADLIVE HTML / CSS
H/59

INKED DROP CAP

We started roasting coffee in New York in 1996. The city changed. The reason we roast did not: keep the work close, know who grew it, and serve it fresh.

INKED DROPCAPLIVE HTML / CSS
H/60

SPINE TEXT

IRVING FARM / FIELD NOTES / 2026

FROM CAJAMARCA TO NEW YORK.
A season of coffee, recorded from harvest to roast.

SPINE TEXTLIVE HTML / CSS
H/61

TYPEWRITER REVEAL

Roasted Tuesday. Brewing Thursday.
TYPEWRITERLIVE HTML / CSS
H/62

LETTERPRESS DEBOSS

SMALL BATCHNEW YORK
COFFEE
ROASTED / PACKED / SENT
LETTERPRESSLIVE HTML / CSS
H/63

CONTACT SHEET

Coffee cherries sorted by hand
01 / ORIGIN
Coffee beans in the roastery
02 / ROAST
Chemex pour-over brewing
03 / BREW
CONTACT SHEETPHOTO-LED
H/64

PHOTO FAN

PHOTO FANPHOTO-LED
H/65

KEN BURNS

Coffee harvest and highland landscape
ONE FARM / ONE SEASON / ONE FRAME
KEN BURNSPHOTO-LED
H/66

CAFE WINDOW

Coffee beside a New York cafe window
28TH STREET / 07:12 AM
CAFE WINDOWPHOTO-LED
H/67

RISO PRINT

Roastery hands rendered as a two-color risograph
RISO PRINTPHOTO-LED
H/68

POSTCARD FLIP

POSTCARD FLIPPHOTO-LED
H/69

STAMP SHEET

New York coffee postage stamp
IFC / 1
IFC / 2
IFC / 3
IFC / 4
IFC / 5
IFC / 6
STAMP SHEETPHOTO-LED
H/70

HALFTONE DUOTONE

Chemex brewing rendered with a halftone print-shop finish
BREW
SLOW.
IRVING FARM / NEW YORK
PRINTSHOPPHOTO-LED
H/71

PULL-QUOTE WRAP

“Coffee is agricultural before it is anything else.”

Our buying starts with the harvest, not a flavor trend. We return to producers year after year, taste what the season gave them, then build a roast around that work. The result belongs to a place and a point in time.

PULL QUOTELIVE HTML / CSS
H/72

RECIPE CARD

BREW CARD / 04CHEMEX
RATIO
1:16
DOSE
30G
WATER
500G / 201°F
TIME
4:00
GRIND
MEDIUM-COARSE

Bloom with 60g. Pour in slow spirals.

RECIPE CARDLIVE HTML / CSS
H/73

MENU BOARD

28TH STREET / COFFEE

DRIP COFFEE4.00

ESPRESSO3.75

CAPPUCCINO5.25

SINGLE ORIGIN POUR-OVER7.00

OAT / ALMOND +.75
MENU BOARDLIVE HTML / CSS
H/74

BOARDING PASS

IFC / ORIGIN 087CAJAMARCA → NEW YORK
PRODUCER
LOS ALISOS
ALTITUDE
1,900 M
PROCESS
WASHED
BOARDING PASSLIVE HTML / CSS
H/75

LEDGER TABLE

IRVING FARM ROAST LEDGER08 / 13 / 26
LOTROASTBAGSNOTES
LA-26LIGHT18LEMON / HONEY
71H-04MED24COCOA / CITRUS
BLK-08DARK16MOLASSES
LEDGER TABLELIVE HTML / CSS
H/76

STICKY NOTE CLUSTER

GRIND
FRESH
60G
BLOOM
CALL
THE FARM
PACK
HIGHLINE
STICKY NOTESLIVE HTML / CSS
H/77

CORKBOARD

Pinned photograph of coffee harvest
HARVEST / 26

ASK JOSÉ ABOUT
THE UPPER LOT.

CORKBOARDLIVE HTML / CSS
H/78

BLUEPRINT DIAGRAM

FILTER / RINSED30G COFFEE500G WATER4:00 TOTALCHEMEX / FIELD DIAGRAM 04
BLUEPRINTLIVE HTML / CSS
H/79

SUBWAY MAP TIMELINE

  1. FARM
  2. MILL
  3. PORT
  4. ROASTERY
  5. 28TH ST
  6. YOUR CUP
SUBWAY TIMELINELIVE HTML / CSS
H/80

SHELF ROW

HIGHLINELIGHT71 HOUSEMEDIUMBLACKSTRAPESPRESSO

THE CAFE WALL / TAKE A BAG HOME

SHELF ROWLIVE HTML / CSS
H/81

CUP FILL ON SCROLL

FILL LEVEL / MORNING
CUP FILLLIVE HTML / CSS
H/82

BEAN BURST

FRESH DROP.ONE SMALL BURST. THEN STILL.
BEAN BURSTLIVE HTML / CSS
H/83

DEPTH PARALLAX

ORIGIN / ELEVATION / DISTANCE
DEPTH PARALLAXLIVE HTML / CSS
H/84

WAVE MARQUEE

ROASTED IN NEW YORK • GROWN AROUND THE WORLD •
WAVE MARQUEELIVE HTML / CSS
H/85

HOVER STEAM

Coffee cup with illustrated steam on hover
HOVER / FRESH CUP / 07:12
HOVER STEAMPHOTO-LED
H/86

ROAST SCRUB

GREENLIGHTMEDIUMDARK
SCROLL THROUGH THE ROAST.
ROAST SCRUBLIVE HTML / CSS
H/87

ORIGIN PASSPORT

ORIGIN / PERULOS ALISOS087
REGION
CAJAMARCA
ALTITUDE
1,800–2,000 M
VARIETALS
BOURBON / TYPICA
HARVEST
JUNE–SEPT
PROCESS
WASHED
RELATIONSHIP
12 YEARS
ORIGIN PASSPORTLIVE HTML / CSS
H/88

FRESHNESS DIAL

DAY 0SWEET SPOTDAY 30
ROASTED / AUG 09DAY 4OPEN IT. BREW IT.
FRESHNESS DIALLIVE HTML / CSS
H/89

TRANSPARENCY BAR

38%14%31%17%
FARMER
38%
IMPORT
14%
ROASTING
31%
PACK + SHIP
17%
ILLUSTRATIVE SPLIT / REPLACE WITH VERIFIED LOT DATA
TRANSPARENCY BARLIVE HTML / CSS
H/90

HARVEST CALENDAR

HARVEST / SHIPPING WINDOW2026
JFMAMJJASOND

PERU

ETHIOPIA

COLOMBIA

HONDURAS

HARVEST CALENDARLIVE HTML / CSS