Skip to content
Founding Lifetime: every Pro skillfirst 100 members · $199 onceUpgrade
Lookbk
Sign In

Owl Line's split-flap board: night departures

This 12-second clip is a split-flap board hero for Owl Line, labelled “Night departures”, with 12 rows over two pages. The Split-Flap Board Hero skill rendered it from examples/owl/hero.json in its package. Every field of that file is listed below.

The brand and web addresses in this example are made up. The .example ending is a reserved name that never leads to a real site.

What is on the page

Owl Line runs overnight sleeper trains, and its page opens on the badge “14 overnight routes from Vienna” above the headline “Board at ten. Wake up somewhere else.” The lede says Owl Line runs sleeper trains from Vienna Hauptbahnhof to fourteen cities, with private cabins, real beds and breakfast an hour before you pull in. The buttons are “Find your train” and “See the cabins”, followed by the note “Cabins from €89 a night. Bikes ride free.” The bar holds Routes, Cabins, Fares and Help, and the button “Book a cabin”.

The board is labelled “Night departures”. Its column headings are “Departs · Destination · Train · Track · Remarks”, its banner reads “Night trains” and then “Sleep on it”, and its clock is set to 21:58. Page one lists six departures, each with a time, a destination, a train code, a track and a status: 22:04 “Venezia S.L.” (OL 401, track 7, Boarding), 22:19 “Ljubljana” (OL 233, track 3, On time), 22:47 “Budapest K.” (OL 118, track 5, On time), 23:12 “Paris Est” (OL 650, track 2, On time), 23:36 “Zurich HB” (OL 772, track 9, +10 min) and 23:44 “Praha hl.n.” (OL 286, track 6, On time).

The second list, set under next, also has six rows: 23:52 “Roma Termini”, 00:15 “Amsterdam C.”, 00:31 “Krakow Gl.”, 00:48 “Hamburg Hbf”, 01:05 “Split” and 01:22 “Berlin Hbf”. The blink word is “Boarding”, and the skill’s SKILL.md says a lamp blinks beside every row with that status, which here means “Venezia S.L.” on the first list and “Amsterdam C.” on the second.

Compared with Saltmarsh Weekender

Saltmarsh Weekender, the other hero from this skill, uses the same kind of board for a festival. Owl Line’s page is dark, with a ground of #0b0d12 and an amber accent, #ffb000, and its copy is aligned left; Saltmarsh’s is light, with a ground of #efe7d6 and an accent of #c8431b, and its copy is aligned right. Owl’s rows carry a train code and Saltmarsh’s carry none. Owl has six rows on each list and Saltmarsh has five. Owl’s banner words are “Night trains” and “Sleep on it”, Saltmarsh’s are “Saturday” and “Sunday”, and the blink word is “Boarding” here and “On now” there. The seed is 5 against 19, the sheen 0.5 against 0.35, and the type is Barlow Condensed and Barlow against Antonio and Sofia Sans.

What the settings fix

Everything on the board is a field in hero.json: the label, the five column headings, the two banner words, the clock, the two lists of rows and the colours of the housing (#15171c), the flaps (#1b1c21) and the glyphs (#f3efe4). The skill’s SKILL.md says the board starts blank and flips in, then flips to the second list and back, and that cycle is the seconds per loop, set to 12 here. The seed, 5 here, only varies when each flap starts to turn.

Frames from the clip

  • Frame 1 of 3 from the Owl Line Split-Flap Board Hero example
  • Frame 2 of 3 from the Owl Line Split-Flap Board Hero example
  • Frame 3 of 3 from the Owl Line Split-Flap Board Hero example

Settings

Every field of examples/owl/hero.json, as stored in the package.

Settings
SettingValue
brand.nameOwl Line
brand.logologo.svg
brand.href/
action.labelBook a cabin
action.href/book
hero.badge14 overnight routes from Vienna
hero.titleBoard at ten. *Wake up somewhere else.*
hero.ledeOwl Line runs sleeper trains from Vienna Hauptbahnhof to fourteen cities: private cabins, real beds and breakfast an hour before you pull in.
hero.actions[0].labelFind your train
hero.actions[0].href/routes
hero.actions[1].labelSee the cabins
hero.actions[1].href/cabins
hero.noteCabins from €89 a night. Bikes ride free.
hero.alignleft
theme.modedark
theme.background#0b0d12
theme.ink#f3efe6
theme.accent#ffb000
theme.fonts.displayBarlow Condensed
theme.fonts.bodyBarlow
theme.fonts.weight600
effect.seed5
effect.cycle12
effect.labelNight departures
effect.headingsDeparts · Destination · Train · Track · Remarks
effect.rows[0].time22:04
effect.rows[0].destVenezia S.L.
effect.rows[0].codeOL 401
effect.rows[0].gate7
effect.rows[0].statusBoarding
effect.rows[1].time22:19
effect.rows[1].destLjubljana
effect.rows[1].codeOL 233
effect.rows[1].gate3
effect.rows[1].statusOn time
effect.rows[2].time22:47
effect.rows[2].destBudapest K.
effect.rows[2].codeOL 118
effect.rows[2].gate5
effect.rows[2].statusOn time
effect.rows[3].time23:12
effect.rows[3].destParis Est
effect.rows[3].codeOL 650
effect.rows[3].gate2
effect.rows[3].statusOn time
effect.rows[4].time23:36
effect.rows[4].destZurich HB
effect.rows[4].codeOL 772
effect.rows[4].gate9
effect.rows[4].status+10 min
effect.rows[5].time23:44
effect.rows[5].destPraha hl.n.
effect.rows[5].codeOL 286
effect.rows[5].gate6
effect.rows[5].statusOn time
effect.next[0].time23:52
effect.next[0].destRoma Termini
effect.next[0].codeOL 509
effect.next[0].gate4
effect.next[0].statusOn time
effect.next[1].time00:15
effect.next[1].destAmsterdam C.
effect.next[1].codeOL 860
effect.next[1].gate6
effect.next[1].statusBoarding
effect.next[2].time00:31
effect.next[2].destKrakow Gl.
effect.next[2].codeOL 314
effect.next[2].gate1
effect.next[2].statusOn time
effect.next[3].time00:48
effect.next[3].destHamburg Hbf
effect.next[3].codeOL 145
effect.next[3].gate8
effect.next[3].statusOn time
effect.next[4].time01:05
effect.next[4].destSplit
effect.next[4].codeOL 927
effect.next[4].gate3
effect.next[4].statusOn time
effect.next[5].time01:22
effect.next[5].destBerlin Hbf
effect.next[5].codeOL 590
effect.next[5].gate2
effect.next[5].statusOn time
effect.bannerNight trains
effect.banner2Sleep on it
effect.clock21:58
effect.blinkBoarding
effect.fontdisplay
effect.housing#15171c
effect.flapColor#1b1c21
effect.glyphColor#f3efe4
effect.statusColor#ffb000
effect.labelColor#e6e1d5
effect.sheen0.5
effect.light0.7
motion.speed1
motion.pointertrue
meta.titleOwl Line: board at ten, wake up somewhere else
meta.descriptionSleeper trains from Vienna to fourteen cities, with private cabins, real beds and breakfast before you arrive.
meta.urlhttps://owlline.example/
meta.langen
nav[0]
SettingValue
labelRoutes
href/routes
nav[1]
SettingValue
labelCabins
href/cabins
nav[2]
SettingValue
labelFares
href/fares
nav[3]
SettingValue
labelHelp
href/help