TUCET (DOZEN) is a typographic game for creating creative organic typefaces. Design your set of letters or the whole alphabet by connecting circles on a grid.

Principle

Click on circles in the grid to build a sequence, connecting them into a continuous line. The connections between circle centers generate three visual styles: solid shapes, continuous lines, or dots. The grid combines large and small circles – alternating between them gives your typeface a distinctive organic rhythm.

Rules

• Each letter must have 6–12 strokes
• Maximum 3 circles of the same size in a row on the line – alternate large and small
• The order of creating characters is up to you – download your set anytime
• The character set includes A–Z, 0–9, ? and !

Controls

Creating a letter:

• Click a circle – adds it to the line
• Click the same circle again – step back

Side menu – switches between visual styles:

• ▲ fill – solid shapes
• △ line – strokes connecting circle centers
• ∙∙∙ dots – circles only

Break – ends the current stroke and starts a new one. Required for characters composed of multiple parts:

• 3 strokes: H, I
• 2 strokes: A, B, D, E, F, G, K, Q, R, T, X, Y, 0, 1, 4, 7, ?, !

Reset – clears the entire letter and starts over

Save / Update – saves the letter and moves to the next

Preview – overview of all characters:

• Click any character to jump to it
• Side menu switches styles here too
• Download Set – exports your alphabet as SVG in the currently selected style
• Reset Set – clears all saved characters

Typer

Once you have created characters, open the Typer from the left sidebar in the game view. Typer lets you compose text using your custom font set.

• Type in the text field at the bottom – your characters appear on the canvas
• Drag individual letters to fine-tune kerning and positioning
• Colors – set stroke, fill, and background color independently; any color can be set to none
• Stroke Width – adjust the outline thickness
• Elements / Shape – toggle between outlining each circle individually or the whole merged shape
• Spacing & Line Height – control letter spacing and line height with sliders
• Zoom – use the left sidebar slider, scroll wheel, or pinch to zoom; drag the background to pan
• Download – export your composition as PNG, JPEG, or SVG
• Reset – restores all settings to defaults

The side menu switches visual styles in Typer as well. Missing characters are shown as a warning when you open Typer.

Goal

Your unique personal alphabet set for use in your own work. The form is entirely up to you – uppercase, lowercase, experimental.

All your progress is saved automatically in your browser. You can close the page and come back anytime – your characters and settings will be right where you left them. Just don't clear your browser cache.