Skip to content
logoredraws.com
  1. Home
  2. Articles
  3. Page 126

Articles

5801 posts

  • Bubble font

    What a bubble font is, how it differs from rounded and 3D lettering, how to identify one in a logo, and what it means for editable vector logo files.

    October 31, 2026

  • Cyberpunk: Edgerunners Font Identification: What the Logo Uses and How to Find It

    Looking for the Cyberpunk: Edgerunners font? Here is what can and cannot be confirmed about the title lettering, how to check recreations, and how to verify vector files and usage rights.

    October 31, 2026

  • Decoding Base64 to SVG: What You Actually Get and How to Check It

    How to decode a Base64 string into an SVG file, how to tell real vector logo artwork from an embedded raster image, and what to check before using the result.

    October 31, 2026

  • Greenery Color Code: Pantone 15-0343 and Its Digital Values for Logo Work

    The Greenery color code explained: Pantone 15-0343 TCX, its commonly published HEX and RGB values, and how to set it up correctly in vector logo files.

    October 31, 2026

  • Brush Stroke Fonts: What They Are and How They Work in Vector Logos

    What brush fonts are, how they differ from script and hand-lettered type, how to tell a font from custom lettering, and what changes when brush type goes into a vector logo.

    October 31, 2026

  • Check Contrast in a Logo Color Palette

    How to use a color contrast checker on a vector logo palette: what the ratio measures, which thresholds apply, how to sample accurate colors and where the method falls short.

    October 31, 2026

  • Logo Size, Resolution, and Minimum Legible Dimensions

    What size should a logo be? Why a vector logo has no fixed size, when pixels and resolution matter, and how to set and test a minimum legible size.

    October 31, 2026

  • Norwester Regular Font: What It Is and How It Works in Vector Logos

    An overview of the Norwester Regular typeface: how it is commonly described, how to confirm it in a logo, and what licensing and vector file details mean for logo work.

    October 31, 2026

  • Souvenir Font: What It Is and How to Recognize It in Logos

    An overview of the Souvenir typeface: its origins, the soft rounded serif traits that identify it, how it differs from similar faces, and what it means for vector logo files.

    October 31, 2026

  • Merriweather Font Pairing: Choosing Companion Typefaces for Logo Lettering

    What pairs well with Merriweather in a logo, why its sans-serif sibling is the safest match, and how to prepare paired type as editable vector artwork.

    October 31, 2026

  • Mom's Typewriter Font: What It Is and How to Use It in Vector Logos

    An overview of the Mom's Typewriter font for logo work: what to confirm about its style and license, how it differs from clean typewriter faces, and how to handle it in vector files.

    October 31, 2026

  • Optima Font: What It Is and How It Differs in Logo Work

    An overview of the Optima typeface for logo work: its flared-stroke design, how it differs from typical sans-serifs, how to identify it, and licensing caveats.

    October 31, 2026

PreviousNext

Before / After · demo work

Redraws you can scrub through

Drag the handle, tap anywhere on the picture or use the arrow keys. Every pair is a fictional demo brand drawn in code for this site, not a client project.

FernhillBAKERYDEMO northlineCYCLESDEMO Kettle & Co.COFFEEDEMO
FERNHILL~ Bakery & Cakes ~DEMO NorthlineCYCLES!!DEMO Ye OldeKettle & CoDEMO
Before After
↔

Demo Fernhill Bakery is a fictional brand. Before: clip-art, four fonts, outlines everywhere. After: one geometric mark, one serif and a calm palette.

Logo Lab

Seven honest tools for checking a logo

Try a logo in mockups, pull its palette, test contrast, export sizes and favicons or sketch a quick idea. Every tool works on your device.

  • Runs in your browser: files are not uploaded or stored
  • No AI redraws and no automatic vectorization
  • Real exports: PNG, WebP, SVG, ICO, palettes and HTML

  • Mockup PreviewCard, sign and screen scenes
  • Palette ExtractorHEX, RGB, HSL and exports
  • Contrast CheckerWCAG AA and AAA
  • Resize & ConvertPNG ↔ WebP, size sets as ZIP
  • Favicon GeneratorPNG 16–512, ICO and HTML
  • Shape & Text EditorLayers, undo, SVG and PNG

Mockup Preview

Place a PNG or SVG logo on a business card, a hanging sign or a screen, on a light or dark background, and export the preview.

  • Does: shows your file as it is on drawn scenes and exports a PNG preview.
  • Doesn’t: redraw, clean up or vectorize the logo, or print anything.
  1. Choose file
  2. Settings
  3. Result
  4. Export

1. Choose a file

Choosing a file only opens it in this browser tab. Nothing is uploaded or sent to a server.

2. Settings

3. Result

Your logo: drag it, or use arrow keys to move and + or − to resize

Drag with a mouse or finger. With the keyboard: arrows move, Shift moves faster, + and − resize.

4. Export

1600 × 1000 px PNG of the current scene.

Palette Extractor

Find the dominant colors of an image and copy them as HEX, RGB or HSL.

  • Does: counts the pixels of your image and groups similar colors.
  • Doesn’t: name brand colors, guess Pantone values or judge which palette is “right”.
  1. Choose file
  2. Settings
  3. Result
  4. Export

1. Choose a file

The image is read in this browser tab only and never uploaded.

2. Settings

3. Result

    4. Export

    Contrast Checker

    Type or pick two colors to get the WCAG 2 contrast ratio with AA and AAA marks.

    • Does: applies the WCAG relative-luminance formula to two solid colors.
    • Doesn’t: check gradients, images or thin strokes inside a logo.

    Contrast ratio —

    • AA normal text —
    • AA large text —
    • AAA normal text —
    • AAA large text —

    Normal text: the quick brown fox redraws the logo.

    Large text 24 px

    Resize & Convert

    Extends the site’s image tools: convert PNG ↔ WebP and export a whole set of sizes as one ZIP, keeping proportions.

    • Does: rescales pixels with the browser canvas and re-encodes them as PNG or WebP.
    • Doesn’t: add detail when enlarging or turn a raster image into vectors.
    1. Choose file
    2. Settings
    3. Result
    4. Export

    1. Choose a file

    Conversion happens in this browser tab. Nothing is uploaded.

    2. Settings

    Widths in pixels

    3. Result

    Preview of the first converted image

      4. Export

      Favicon Generator

      Turn a square-ish PNG or SVG into PNG icons from 16 to 512 px, an apple-touch-icon, a favicon.ico and the HTML to link them.

      • Does: scales your image into the standard icon sizes and packs 16, 32 and 48 px into one ICO.
      • Doesn’t: simplify a detailed logo for tiny sizes: check the 16 px preview yourself.
      1. Choose file
      2. Settings
      3. Result
      4. Export

      1. Choose a file

      Icons are drawn in this browser tab. Nothing is uploaded.

      2. Settings

      3. Result

        4. Export

        Shape & Text Editor

        Sketch a simple mark with text, rectangles, circles, lines and polygons, then export SVG or PNG.

        • Does: edit basic shapes and text in layers, with undo, alignment and grid snapping.
        • Doesn’t: trace an uploaded logo or replace a full vector editor.
        Selected layer

        Layers

          How files are handled

          Logo Lab opens the files you choose only inside your browser tab. Images are not uploaded, sent to a server or stored by this site, and no AI service is called. Closing or reloading the page discards them.

          Limits keep the page responsive: up to 5 MB for logos and 10 MB for other images, up to 4096 px per side. SVG files are treated as untrusted: scripts, event handlers, embedded pages and external references are removed, and the result is only shown as an image.

          Embedding in articles: put a paragraph containing only [lab:palette], [lab:contrast], [lab:before-after] or [lab:editor] into an article and the matching tool appears in its place.

          logoredraws.com

          Logo Lab

          • Before / After
          • Mockup Preview
          • Palette Extractor
          • Contrast Checker
          • Resize & Convert
          • Favicon Generator
          • Shape & Text Editor
          • How files are handled

          Journal

          • Blog
          • Redesign
          • Color
          • Typography
          • File Formats
          • Search

          Demo brands on this site are fictional and drawn in code. Files you open in Logo Lab stay in your browser.