動態字體排印元件
可變字重、字距動畫、遮罩文字、外框描邊、超大標題。字體排印當作主視覺用,適合品牌頁與作品集。
共 8 個,其中 6 個免費、不需登入即可安裝。
套印對位標題:標題以 CMYK 四色版疊印(mix-blend-mode multiply)呈現,初始各色版錯位,捲動時逐版滑入精準套準完成對位,hover 再度輕微失準並露出色版邊緣與裁切標記。
行距展開敘事:整段文字初始以負行距壓縮成一塊近乎實心的墨塊,捲動進度驅動 line-height 與字距逐步展開為可讀段落,版面高度隨之生長並推移後續區塊。
演出陣容海報:音樂祭海報式版面:名字依 tier 分行排列、字級逐層遞減,行內以分隔符齊行撐滿,hover 或點擊某名字時它以共享布局動畫升格到更大的 tier 行,其餘名字重新齊行。
字級比例遊樂場:互動式模組化字階展示版面:選擇比例(1.25/黃金比等)或拖動比例滑桿,整頁示範版面(標題、副標、內文、註腳)的所有字級以彈簧動畫同步重算重排。
字體樣張展示台:仿字體鑄造廠樣張頁的 section 級版面:左側巨型單字形、右側字重階梯欄與字級縮放列,底部軸向滑桿(wght/wdth/opsz)拖動時整張樣張以 Motion 同步補間重排。
字形視窗版面:以巨型字母的字腔(counter)作為遮罩視窗的版面:每個字母內嵌獨立影像/影片並在捲動時於字腔內視差移動,字母群同時是排版骨架,周邊小字內容繞排其間。
字母索引卷軸:以海報級巨型首字母作為每個區段的 sticky 錨點,區段內容在字母旁捲動,捲到下一區段時新字母將前一個推出並在交接瞬間做字重由細到粗的交棒動畫。
木活字齊行標題:多行標題塊中每行透過可變字體 wdth 軸自動求解拉伸至齊行撐滿容器(不同字數的行皆左右切齊),進場時各行從極窄字寬依序彈開到解出的寬度。