Stan1ey UX Tools

version

 

Branding

Grid Layer

See the live website with your chosen grid and baselines on top of it. Align everything and it'll automatically look better!

Palette Checker

Pushing out a new brand color palette? Quickly highlight the bits that don't match your new list of colors.

Design Elements Distiller

Shows the summary of some basic design elements used on the page, in the order of frequency.

Design Process

Wireframe it!

Transform your prototype into wireframe, to discuss the high-level design decisions with no distraction from its visceral details.

Localisation

Label Sizes Matter

Measure the width of the labels in pixels, and find the optimum size of the UI elements in the various translated strings, for your better localization.

Typography Comparison

Compare the Latin alphabets with non-Latin characters side-by-side, to understand their differences in the alignments and space around the text.

Text height

Visual height of Latin-based text depends on its cap height and baseline. Find your cap height and baseline for your typeface and line height here.

Editables

Try your UI with some different labels and contents. Just click and edit -- Go WYSIWYG with online web pages!

Stretchables

Would your layout break with long translations? Click and make any string longer to find out even without any localization work!

Accessibility

Colour Contrast Matters

Find all the legible color combinations in your palette with ease. Enter your colors for an instant color contrast matrix for WAI compliance level A or AA.

Readability test

Is your content easy enough to read for the most users? Check it now with this online tool to measure the readability score and compare it against the recommendation.

Font Size 101

Ever tried to compare the different behaviours in the font size units? Now you can with the exact pixel measurement.

Data Analysis

AAB Stats Adviser

AAB testing is a fail-proof way to compare the designs and verify the experiment at the same time. However, it's not an easy one to analyze. Compare three variants with one click.

Sketch plug-ins

Lorem Variabilis

Generates "lorem ipsum" dummy text for the selected text layers, with the selected number of words.

Hardware

Know Your Display

Is your display Retina? XHDPI? MDPI? LDPI? Load this page and find your pixel density. Remember: It depends on how far you look at it from.