H’s Notes
  • Networking
    • Overview
    • CCDE Written
    • CCIE Data Center

    • Archive
    • Archive Overview
    • CCNP Routing
    • CCNP Switching
  • Cybersecurity
    • Overview

    • Archive
    • Archive Overview
    • Kali Linux
  • AI
    • Overview

    • Machine Learning
    • Machine Learning Overview
    • Supervised Machine Learning
    • Advanced Learning Algorithms
    • Unsupervised Learning, Recommenders, Reinforcement Learning
    • Federated Learning

    • Deep Learning
    • Deep Learning Overview
    • Neural Networks and Deep Learning
    • Improving Deep Neural Networks
    • Structuring Machine Learning Projects
    • Convolutional Neural Networks
    • Sequence Models
  • Math
    • Overview
    • Linear Algebra
    • Calculus
    • Probability
    • Statistics
  • Tools
    • Overview

    • Networking
    • Client Info
    • ASN Conversion
    • Subnet Calculator
    • Network Toolkit

    • Share and Copy
    • Pastebin
    • Short Links
    • QR Code
    • Fancy Text
    • Copy Paste Values

    • Classroom
    • Randomizer

    • Math and Writing
    • Function Graphs
    • Math Formula
    • LaTeX Preview
    • Markdown Preview

    • Astronomy
    • Eclipse Atlas
    • Planetarium

    • Design
    • Diagrams
    • SVG Preview
    • Color Pallet
    • Typography
    • T-shirt Design

    • Chess
    • Chess Coach
    • Game Review
    • Reassess Your Chess
    • Daily Chess Puzzles
    • Chess Tournament
  • About
    • About Me
    • Dashboard

    • Roadmap
    • About This Website

    • Sponsor ♡

T-shirt Design

Choose a T-shirt fit and color, compose text or a quote with typography and licensed built-in or uploaded artwork, run print-aware checks, and export editable SVG or 300 PPI PNG files.
H’s Notes T-shirt Design All tools
Editing a shared copy Changes stay in this browser until you create a new link. The original link never changes.

1Choose the fit

Regular

2Garment color

Soft white
Custom shirt color
#FAFAF9

4Composition

Full-size center
Each card is a complete composition, including its position on the shirt. Choosing another composition resets manual item offsets so the new layout begins cleanly.

5Text & typography

Quote + type
Wraps automatically; line breaks are preserved.58/360
Quotation mode adds “- ” before the name automatically.
Text treatment
Open-license fonts are safest for a public customizer. † Adobe Handwriting remains a local handoff option; customer-selected merchandise requires a separate custom font license. Convert live text to outlines before production.
Type scale and rhythmFine-tune the lettering
100%
125%
2px
1.08
0.35 in
Quote and signature sizes are independent. The gap preserves clear space between both type blocks.
T-shirt previewLive composition
Drag the whole composition, text, attribution, or artwork
1.0×
Regular · Full-size center12 × 15 in maximum print area

3Theme

Monochrome
Visual themePalette and type direction

Monochrome. Quiet museum-store minimalism.

Ink systemApplied before detailed type choices
Quote / body text color
#18181B
Signature color
#18181B
Decoration color
#71717A
Theme matching
Color mode
Themes set coordinated type, weight, and ink recommendations. Later manual typography choices remain unchanged.

6Artwork

Optional

Loading the local artwork catalog.

Add one or several files. SVG is preferred; PNG, JPEG, and WebP are supported up to 7 MiB each.

No artwork added Choose a built-in symbol or upload your own artwork.
Artwork color
#5B5BD6
22%
100%
These controls edit the selected artwork only. Drag a corner on the shirt to resize it, press Delete or Backspace to remove it, and add as many independent artworks as you need.

7Size & positioning

Fine-tune
Composition geometryMove, resize, and scale without preset limits
100%
0 in
100%
Every composition starts as a preset, then becomes fully editable. Drag either side to resize and reposition the text box, drag a corner to scale the lockup, or select Whole composition to move everything together. Frames and rules follow the box.
Center X · from leftSelect an item
Center Y · from topSelect an item
Dragging
Alignment
Center coordinates use the 12 × 15 in artwork canvas. Drag items directly on the shirt; strong guides appear when centers or matching edges align. Up to 20 moves, resizes, additions, removals, or scale changes are kept. Use Ctrl or Command + Z to undo, and add Shift to redo. Arrow keys nudge one grid step; Shift moves four steps and Alt bypasses snapping.

8Production check

Printer decides
Print requirementsGeneric 12 × 15 in canvas

This step evaluates production constraints. It does not alter the visual design.

Live print checkAnalyzing…
  • iReading the compositionMeasurements update with every change.
Checks are advisory until your exact printer and garment template are selected. Evidence: DTG files · transparency · luminance contrast · font licensing.
Share this designExpires after 10 days

Anyone with the link can open an editable copy. They cannot overwrite this snapshot. Their edited version needs a new link. Artwork files are included only when you create a link.

Nothing has been shared.

↺

Reset this design?

This returns every setting to its default and removes all added artwork. Your current changes won’t be saved.

Review your production files

Editable SVG · font check required
Print checkRun the live checks before production.
Print SVG, fitted SVG, and PNG keep transparent backgrounds. Solid modes convert lettering, decorations, and recolorable built-in artwork; uploaded artwork keeps its source colors. Many professional garment methods can print white, while dark modes support workflows that cannot.

The print SVG keeps the generic 12 × 15 inch transparent artboard for placement. The fitted SVG trims the canvas to the artwork with a 5 px transparent margin. SVG text remains editable and depends on font availability; convert it to outlines for an exact print handoff. The transparent 3600 × 4500 PNG embeds selected hosted fonts and is tagged at 300 PPI; locally activated fonts still need visual confirmation.

H’s Notes

 
  • About

  • Dashboard

  • Roadmap

  • Privacy