Playful Design

Knitted Type

Text behaves like knitting: every background mark and letter block is drawn as yarn stitches.

Installation

@playfuldesign/templates/fonts/knitted-type

Code preset

import { SvgPatternTemplate } from "@playfuldesign/templates/react";

<SvgPatternTemplate
  preset="butterfly-spread-a"
  color="#111111"
  text="playful!"
  typeCase="uppercase"
  density={8}
  scale={22}
  grain={36}
  contrast={76}
  shape={54}
/>

Knitted Type

Text behaves like knitting: every background mark and letter block is drawn as yarn stitches.