For whoever edits this next
The design system.
Every colour and text style on this site is a shared style. Change one here and it updates everywhere — no layer-by-layer editing.
Colour tokens
Paper
#F3F0E9
Surface
#E8E4D9
Ink
#0F0F0D
Ink Deep
#070705
Signal
#FF4D00
Ink Muted
#6E6A61
Paper Muted
#9C978C
Line
#DCD7CB
Type scale — Bricolage Grotesque + Switzer
Display/XL
Three days. One city.
Display/L
Six tracks. Endless crossover.
Display/M
Meet the people moving things forward.
Display/S
The Interface After Screens
Body/L
SHIFT brings together the people designing, building and questioning our future.
Body
Talks, panels, workshops, and one very long dinner.
Label
Featured speakers — 42 in total
Meta
23.7644° N / 90.3889° E
Code components
Built for this template
Signal Rail — page scroll
Set Source to Page and it tracks the whole document. It sits under the nav on every page of this template.
Signal Rail — reveal
Reveal fills once to a fixed value when it scrolls into view. Section mode instead follows the rail through the viewport — that is the schedule spine.
Countdown
Counts to the Target date live. The rail underneath shows how much of the sale window has gone.
My Agenda
Saves to the visitor’s own browser and exports a calendar file. Floating mode pins it to the corner of every page.
Agenda Toggle
Drop one inside a session row and bind Ref, Title, Time, Day and Stage to the CMS. It talks to My Agenda automatically.
Lanyard Badge
Hangs from the strap’s pivot, drifts on its own and swings when you drag it, then settles. Photo, name, role and every colour are controls.