The Numberblocks logo looks like a toy box that has been tipped out onto the floor, and that is exactly the point. A rainbow of chunky, glossy letters arches across the top, a row of blue blocks spells out the second word underneath, and a little red character pops up right in the middle, standing in for the letter O.

This generator rebuilds that logo around your own words. You get two text boxes: one for the curved rainbow line on top and one for the letters in the blue blocks below. There is also an optional character icon you can switch on with a single click. The sections below cover where the show and its logo come from, then take the design apart one layer at a time, using the generator's own drawing code, so you can see how the finished piece comes together.

A Show Where the Numbers Come to Life

Numberblocks premiered on the BBC's preschool channel CBeebies on January 23, 2017. It was created by Joe Elliot and produced by Alphablocks Ltd with Blue Zoo Animation Studio, the same team behind Alphablocks, the sister series that turns letters into characters and helps young children learn to read.

The idea behind Numberblocks is simple and clever. Each character is made from a number of blocks equal to the number it represents. One is a single block, Two is two blocks stacked together, Three is three, and so on. When the characters meet, they can jump together to make a bigger number or split apart into smaller ones, so addition and subtraction happen right on screen. A small floating numeral called a Numberling hovers above each character's head to show its value.

The show was developed with the National Centre for Excellence in the Teaching of Mathematics, and it is aimed at children between about three and six years old. That partnership shows in the way the episodes are built. Concepts like counting, number bonds, odd and even numbers, and even early multiplication are introduced through stories and songs rather than worksheets.

It found an audience quickly. Numberblocks earned a BAFTA nomination in the Learning category in its first year, and it has since grown into a long-running franchise with eight main series, well over a hundred episodes, and a steady stream of toys, playsets, and classroom resources. For many parents and teachers, it has become the go-to way to make math feel like playtime.

Breaking Down the Numberblocks Logo

The logo is built from two very different pieces that fit together like a puzzle. "Number" sits on top in soft, rounded letters, each one a different bright color. The colors run red, orange, yellow, green, blue, and purple, which happen to match the first six Numberblocks characters, from red One to purple Six. Each letter is shaded like a glossy plastic toy, and the whole word bends upward into a gentle arch.

"BLOCKS" sits underneath, spelled out in white capital letters, each one centered on its own blue block. The blocks alternate between darker and lighter shades of blue, overlap each other slightly, and fan out along a curve that follows the arch above. In the middle of the word, the O is replaced by the character One, who looks like he is climbing out of the row to say hello. A thick white border wraps around everything, turning the whole logo into something that looks like a sticker.

Rounded, colorful, toy-like lettering is a signature of children's television, and each show puts its own spin on it. The Bluey generator recreates another modern preschool favorite with its own soft, friendly letterforms. The generator here recreates the Numberblocks look by drawing it in layers, starting with the letters and building outward.

Layer 1: A Rainbow on a Curve

The first step is placing the top line. Each letter is drawn on its own, so it can get its own color and its own angle. The colors cycle through the six Numberblocks shades in order and keep counting across words, so a longer phrase simply repeats the rainbow. Every letter is set along the same arch, tilting a little more the further it sits from the center. If your text wraps onto a second line, both lines share the same curve and bend together as one group.

Layer 2: The Bubble Letter Shine

Flat color alone does not look like the logo. The original letters look like they were molded from shiny plastic, so the generator adds three layers of shading inside every letter. A soft gradient makes the upper left of each letter slightly lighter. A darker shade of that letter's own color is added along the lower right edge, so a green letter gets a deeper green shadow and a yellow letter gets a warm golden one. A white highlight then catches the upper left edge. Both shading layers stay inside the letter shape, so nothing spills out onto the background.

Layer 3: Building the Blocks

The second text box creates the row of blocks. Each letter is set in white capitals at the center of a rounded square, and the squares alternate between two blue gradients, one deep and one lighter. The blocks get the same shiny treatment as the letters above, with an inner shadow and a highlight, plus a soft shadow underneath. Neighboring blocks overlap a little, with every other block sitting on top.

The row also follows its own curve. Each block leans slightly away from the center, which opens up small gaps between the tops of the blocks and pushes the bottoms together, like the original. The blocks near the middle sit a touch higher than the ones at the ends. The generator also measures the space between the two lines, so the blocks always tuck in neatly under the rainbow word, whether your top line is short or long.

Layer 4: The Sticker Border

Next comes the thick white border. The generator draws every letter and every block a second time, behind the originals, in solid white with a wide outline. Because all of these white shapes are drawn before any of the colored ones, they blend together into a single smooth border around the whole logo. The effect is what gives the Numberblocks logo its sticker-sheet look, and it helps the design stand out on busy or dark backgrounds.

Layer 5: A Character Drops In

The final touch is optional. The round button next to the second text box adds a character icon, and where it goes depends on your text. If your block text contains the letter O, the character takes the place of the first O, just like One does in the original logo. Any other O's stay as regular blocks. If there is no O at all, the character sits centered below the row of blocks instead. Either way, it is sized from the blocks, gets its own white border, and is drawn on top of everything else, including any extra rows if your block text wraps.

How to Use the Generator

Type your top line into the first box. It keeps your capitalization exactly as you type it, so "Number," "NUMBER," and "number" all look different. Short words are set large. As your text gets longer, it shrinks until it reaches a minimum size, then breaks onto a new line at the nearest space, and both lines follow the same curve.

The second box fills the blocks. Everything here is set in capital letters automatically. Spaces between words leave a small gap in the row, and longer text shrinks and then wraps onto extra rows the same way the top line does. Keep it short for the most authentic look, since every letter gets a full block. Click the round button beside the second box to add or remove the character icon.

Below the text boxes, the background swatches let you choose a backdrop for your design. Switching backgrounds or toggling the icon updates your image right away once it has been generated, and the download button saves a high resolution copy when you are happy with it.

Ideas for Your Numberblocks Logo

Numberblocks is a birthday party favorite, and the layout makes that easy. Put a child's name in the rainbow line and their age in the blocks, spelled out as a word like "FOUR" or "FIVE," and the character will jump into the O. Party invitations, cake toppers, banners, thank you cards, and goody bag labels all work well. Teachers can use it for classroom signs, math corner displays, reading bins, and certificates, or to title worksheets with something like "Math Time" or "Count With Us."

If you are planning a preschool themed party or classroom, there are plenty of other shows to choose from. The Pepper Hog generator is perfect for muddy puddle fans, while the Paw Patrol generator brings in the rescue pups and their shiny badge. For a little nostalgia, the Blue's Clues generator recreates the handwritten look of another classic learning show, and the VeggieTales generator captures the playful lettering of a favorite from the 1990s.

From a single red block to a whole rainbow of characters, Numberblocks has turned counting into something children look forward to. Stack up your own words, add a character, and make a logo that is ready to play.