Brick Studio

Source

Typeface

Cyrillic works in Inter, Oswald, IBM Plex Mono, Playfair Display, Lobster and the bitmap font. Google fonts need a connection; the bitmap font does not.

Bitmap style

Cap height in cells 9

Letter spacing 1

Line spacing 1

Threshold 50%

Grid

Fit grid to text

Columns

Rows

Padding 2

Align X

Align Y

Offset X 0

Offset Y 0

Cell size 40 px

Gap 2 px

Invert (marks in empty cells)

Mark

Shape

Drop PNG / SVG / JPG here, or click to choose

Mark scale 100%

Rotation 0°

Colour

Mark colours

Colour mode

Blending (custom file)

Blend amount 100%

Take colours from image

Mark size from brightness

Show empty cells

Empty cell

Background

Transparent background

Randomise

Colour shuffle 100%

Rotation jitter 0°

Scale jitter 0%

Position jitter 0%

Dropout 0%

Export

PNG scale 2×

SVG keeps every mark as a vector shape. A custom file is embedded as-is; blending is baked into PNG only.

Design

Every value above is a CSS variable. Copy the block and send it back — it drops straight into the file.

24 × 12 0 marks 960 × 480 px seed 0

100%