About this file
A word so large the edges crop it: outlined letters breathing through a variable-font axis, each a beat behind the next.
Made as a Kadal Deck premium background, it fills whatever box you give it at its real size, in light and dark, and follows your brand colour (the --deck-accent CSS variable). Settings: text (the word, up to 24 characters, set in capitals), axis (which axis breathes: weight, width, or both against each other, bold narrows as it thickens), scale (letter size against the stage height; above 1 the edges crop the word), stroke (outline width in stage pixels; 0 fills the letters with a faint tint instead), angle (turn the word, in degrees), speed (how fast the letters breathe, one breath is six seconds at 1), color (the outline, or tint colour) and font (a font-family for the word; "heading" uses the deck's heading face. Pick a variable one). The animation pauses off screen and in background tabs, and holds still for visitors who ask for reduced motion.
What you get: a web component, one script with no framework, for a plain page, Webflow, WordPress or Framer, drawing behind your own content. A React component. Stills at 2560 x 1440 in light and dark, and transparent ones to lay over a photo. Seamless 10-second loops at 1920 x 1080, MP4 and WebM, for any video editor, and WebMs with transparency for overlays. A demo page to try the settings and print a PDF, and a README with a recipe for each.
In Kadal Deck, buying it unlocks Type Field in every workspace you belong to (as background pro/type-field). Pro, Team and Lifetime plans include every premium background already.
What you download
7 files · 11.3 MB · ZIP, MP4, WEBM
- kadal-type-field.zip259 KB ZIP
- type-field-loop-dark-1080p.mp41.1 MB MP4
- type-field-loop-dark-1080p.webm1.5 MB WEBM
- type-field-loop-dark-alpha-1080p.webm4.1 MB WEBM
- type-field-loop-light-1080p.mp41.1 MB MP4
- type-field-loop-light-1080p.webm1.5 MB WEBM
- type-field-loop-light-alpha-1080p.webm1.8 MB WEBM
Details
- Shelf
- Deck backgrounds
- Type
- Single file
- Topics
- animated backgroundbackgroundboldcreativehero sectionkadal deckkineticoutlineposterpresentationreactslide backgroundtypographyvariable fontvideo loopweb component
- Licence
- Standard — covers paid work
What the licence allows
Standard licence
- Use it in your own projects and in work you are paid for.
- Print it as often as you like, for yourself or for a client.
- Change it, crop it, recolour it, and combine it with other work.
- Keep using it after you stop buying from us. The licence does not expire.
- Resell or give away the file itself, or a lightly changed version of it, as a digital product.
- Share your download link or your account.
- Register it, or anything substantially it, as a logo or trademark.
- Put it into a dataset used to train a model.
Better together
Also in these packs
Deck backgrounds