Illustrate, Design, & Create

Your One-Stop Source for Creative Resources & Knowledge

Creativehowl is an open community that provides Resources, Interviews, and Inspiration to Illustrators, Artists, Designers, and other Creative Professionals and Hobbyists.

We aim to provide practical guides on different aspects of the creative life, including marketing, selling your work, building a portfolio, and much much more.

Illustration
Resources

Illustration Resources

Surface Pattern Design
Resources

Pattern Design Resources

Graphic Design
Resources

Graphic Design Resources

Sign up for our newsletter

Monthly newsletter with new guides and inspiration for creatives. Never miss new content from Creativehowl.

Hello!

Creativehowl is a one-man project made by sculptor & illustrator Jonas Welin. A lot of time and effort goes into every resource, trying to make the best content possible to help other creatives out there.

jonaswelin.com

Recent posts & guides

window._chTurnstileToken = ''; } position: fixed; bottom: 24px; right: 24px; z-index: 99999; width: 308px; background: var(--ch-bg); border: 1px solid var(--ch-border); border-radius: 4px; padding: 28px 24px 22px; font-family: inherit; box-shadow: 0 8px 32px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06); transform: translateY(16px); opacity: 0; pointer-events: none; transition: transform 0.5s cubic-bezier(0.34,1.4,0.64,1), opacity 0.4s ease; box-sizing: border-box; } #ch-popup.ch-visible { transform: translateY(0); opacity: 1; pointer-events: all; } #ch-popup::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--ch-accent); border-radius: 4px 4px 0 0; } .ch-close { position: absolute; top: 10px; right: 10px; background: none; border: none; cursor: pointer; color: var(--ch-muted); font-size: 16px; line-height: 1; padding: 5px 7px; border-radius: 3px; transition: color 0.2s, background 0.2s; font-family: inherit; } .ch-close:hover { color: var(--ch-text); background: var(--ch-surface); } .ch-eyebrow { font-size: 9.5px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ch-muted); margin-bottom: 10px; } .ch-title { font-family: inherit; font-size: 19px; font-weight: 700; color: var(--ch-text); line-height: 1.3; margin: 0 0 8px; } .ch-sub { font-size: 12.5px; color: var(--ch-muted); line-height: 1.6; margin: 0 0 16px; } .ch-input { width: 100%; padding: 11px 13px; background: var(--ch-surface); border: 1px solid var(--ch-border); border-radius: 3px; font-family: inherit; font-size: 13px; color: var(--ch-text); box-sizing: border-box; outline: none; transition: border-color 0.2s; margin-bottom: 10px; } .ch-input::placeholder { color: #aaa; } .ch-input:focus { border-color: var(--ch-accent); } /* GDPR consent row */ .ch-consent { display: flex; align-items: flex-start; gap: 9px; margin-bottom: 14px; } .ch-consent input[type="checkbox"] { margin-top: 2px; flex-shrink: 0; accent-color: var(--ch-accent); width: 14px; height: 14px; cursor: pointer; } .ch-consent label { font-size: 11px; color: var(--ch-muted); line-height: 1.55; cursor: pointer; font-family: inherit; } .ch-consent label a { color: var(--ch-text); text-decoration: underline; transition: opacity 0.2s; } .ch-consent label a:hover { opacity: 0.6; } .ch-btn { width: 100%; padding: 11px; background: var(--ch-accent); color: #ffffff; border: none; border-radius: 3px; font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: 0.04em; cursor: pointer; transition: opacity 0.2s, transform 0.1s; } .ch-btn:hover { opacity: 0.82; } .ch-btn:active { transform: scale(0.98); } .ch-btn:disabled { opacity: 0.4; cursor: not-allowed; } .ch-error { font-size: 11.5px; color: #c0392b; margin: -6px 0 10px; display: none; line-height: 1.4; font-family: inherit; } /* Turnstile widget — keep it compact */ .ch-turnstile-wrap { margin-top: 10px; display: flex; justify-content: center; transform: scale(0.88); transform-origin: left center; height: 58px; overflow: hidden; } .ch-privacy { font-size: 10px; color: var(--ch-muted); text-align: center; margin-top: 10px; opacity: 0.7; font-family: inherit; } /* Success */ .ch-success { display: none; text-align: center; padding: 8px 0 4px; } .ch-success .ch-icon { font-size: 26px; margin-bottom: 10px; } .ch-success-title { font-family: inherit; font-size: 17px; font-weight: 700; color: var(--ch-text); margin: 0 0 6px; } .ch-success p { font-size: 12.5px; color: var(--ch-muted); margin: 0; line-height: 1.6; font-family: inherit; } @media (max-width: 380px) { #ch-popup { right: 10px; bottom: 10px; width: calc(100vw - 20px); } }