Type, Layout & Effects
Make the type behave.
Test typography, spacing and small visual effects without opening a full design app.
What do you need to do?
Pick the job you recognise.
Letter spacing visualiser
Preview text at different tracking values.
Open tool →Line height visualiser
Preview body copy with a chosen line height.
Open tool →Modular type scale
Generate a type scale from a base and ratio.
Open tool →Golden-ratio type scale
Generate a more dramatic 1.618 scale.
Open tool →Font size / type scale preview
See heading and body sizes together.
Open tool →Font pairing preview
Compare a heading and body font pairing.
Open tool →Font comparison
See the same copy in two fonts.
Open tool →Variable font axis tester
Test variable font weight and axes.
Open tool →OpenType feature preview
Toggle common OpenType features.
Open tool →Font metrics / safe line height
Find a comfortable line-height starting point.
Open tool →Ideal line length checker
Check text measure by character count.
Open tool →Case converter
Switch text between upper, lower and title case.
Open tool →Text length checker
Count characters, words and rough reading time.
Open tool →Headline break tester
Try cleaner line-break options.
Open tool →Text-on-image legibility
Preview whether text holds up over an image.
Open tool →Shadow generator
Generate a simple CSS shadow.
Open tool →Gradient generator
Build a two-colour CSS gradient.
Open tool →Border radius / shape preview
Preview a box at a chosen corner radius.
Open tool →Typography and layout maths without the spreadsheet.
Use OutMonkey’s type, layout and effects tools for spacing, scales, proportions, alignment and quick visual calculations. The numbers get you close; optical balance and readability still make the final call.