Playful Blocks

The Templates logo lettering turned into a reusable blocky display typeface.

Installation

@playfuldesign/templates/fonts/playful-blocks

Code preset

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

<SvgPatternTemplate
  preset="playful-blocks-typeface"
  color="#FF2D68"
  text="playful!"
  typeCase="uppercase"
  density={7}
  scale={21}
  grain={22}
  contrast={74}
  shape={58}
/>

playful!