Digging things up…
Digging things up…
Naming conventions for design tokens — colour scales, typography, spacing, shadow and component tokens.
Developer Tools
Encoders, formatters, validators and generators that run entirely in your browser. Whatever you paste stays on your machine — nothing is sent to a server.
Related developer tools
Encode text to Base64 or decode Base64 back to text. Supports URL-safe encoding and Unicode. Runs entirely in your browser — nothing is sent to any server.
Use tool →{ }Format, validate, and minify JSON with clear error messages. Choose 2-space, 4-space, or tab indentation. Client-side only — your data never leaves the browser.
Use tool →🔑Create cryptographically secure passwords with full control over length and character sets.
Use tool →🔗Encode special characters in URLs or decode percent-encoded strings — instantly in your browser.
Use tool →Explore more from Dino Media: All Free Tools · Our Services · Digital Glossary · Our Work
Web Development
From custom web apps to complex integrations, our development team builds fast, robust websites that scale with your business.
Pattern
{category}.{type}.{modifier}
Examples — click to copy
color.brand.primary#00B4A6Copycolor.neutral.100#F5F5F5Copycolor.feedback.error#DC3545Copyspacing.inset.md16pxCopytypography.body.size1remCopyborder.radius.lg12pxCopyshadow.elevation.20 4px 16px rgba(0,0,0,.12)CopyNaming scales reference
T-shirt (XS–XXL)
xssmmdlgxl2xlNumeric (100–900)
100200300400500600700800900Named
nonesubtledefaultstrongheavyFibonacci-ish
1248163264128