Design BetterDesign System

Brand Assets

Official logos, show artwork, and host photography. Use SVG wherever possible. Never alter proportions, recolor outside the approved variants, or place on unapproved backgrounds.

Logo variants

Design Better logo — White (on dark)
White (on dark)
Default. Use on brand.ink and any dark surface.
Design Better logo — Red (signal)
Red (signal)
Brand emphasis moments. Use sparingly — its power comes from restraint.
Design Better logo — Black (on light)
Black (on light)
Use on brand.paper and any light surface.

Logo usage rules

Use SVG at all sizes for web and print

Maintain clear space equal to the cap-height of the wordmark on all sides

Use white variant on all dark surfaces

Use black variant on brand.paper (cream) and light backgrounds

Set the brand name as type — ever. It must only appear as one of the approved logo files. Typed-out brand names create inconsistencies in weight, spacing, and style that undermine the mark.

Recolor the logo outside the three approved variants

Stretch, skew, or alter proportions

Apply drop shadows, gradients, or outlines to the logo

Place the logo on busy photography without sufficient contrast

Host photography

Aarron Walter
Aarron Walter
Co-host · Co-founder, The Curiosity Department
Illustrated portrait of Eli Woolery
Eli Woolery — illustrated
Ink and watercolor portrait. Use for editorial, episode art, and campaign graphics.

App icon & mark

Design Better app icon
On ink
Design Better app icon
On paper
Use the app icon at 16px, 32px, 64px, 128px, 512px, and 1024px. Never scale the icon below 16px. Do not recolor outside the approved variants — the mark reads best at full opacity on ink or paper.

Show cover art

Design Better podcast show cover
Podcast show cover
3000×3000px minimum for podcast directories. SVG source.

Episode cover art

Custom episode covers for featured guests. Each follows the same art direction framework — guest portrait, Pathways letterform, signal accent — applied consistently across episodes.

Adam Moss episode cover
Adam Moss
Alison Rand episode cover
Alison Rand
Andrew Evans episode cover
Andrew Evans
Austin Kleon episode cover
Austin Kleon
Brooke Hopper episode cover
Brooke Hopper
Ed Catmull episode cover
Ed Catmull
Ellen Lupton episode cover
Ellen Lupton
Etinosa Agbonlahor episode cover
Etinosa Agbonlahor
Gensler episode cover
Gensler
Hillary Coe episode cover
Hillary Coe
Ivy Ross & Susan Magsamen episode cover
Ivy Ross & Susan Magsamen
James Buckhouse episode cover
James Buckhouse
Jenny Blackburn episode cover
Jenny Blackburn
Jessica Hische & Chris Shiflett episode cover
Jessica Hische & Chris Shiflett
John Cleese episode cover
John Cleese
Jonathan Adler episode cover
Jonathan Adler

System avatars

Stock avatars for use in UI mockups, component demos, and design documentation. Always use these in place of placeholder images.

Avatar 01
01
Avatar 02
02
Avatar 03
03
Avatar 04
04
Avatar 05
05
Avatar 06
06
Avatar 07
07
Avatar 08
08
Avatar 09
09
Avatar 10
10
Avatar 11
11
Avatar 12
12
/avatars/avatar-01.png → avatar-12.png

Pathways letterforms

Decorative SVG glyphs from the Pathways typeface. Use as large-scale design elements in covers, title cards, episode art, and campaign graphics — not as running text.

A – Z
Pathways letter A
Pathways letter B
Pathways letter C
Pathways letter D
Pathways letter E
Pathways letter F
Pathways letter G
Pathways letter H
Pathways letter I
Pathways letter J
Pathways letter K
Pathways letter L
Pathways letter M
Pathways letter N
Pathways letter O
Pathways letter P
Pathways letter Q
Pathways letter R
Pathways letter S
Pathways letter T
Pathways letter U
Pathways letter V
Pathways letter W
Pathways letter X
Pathways letter Y
Pathways letter Z
0 – 9
Pathways digit 0
Pathways digit 1
Pathways digit 2
Pathways digit 3
Pathways digit 4
Pathways digit 5
Pathways digit 6
Pathways digit 7
Pathways digit 8
Pathways digit 9
All letterforms are SVG. Use at large scale (200px+) as decorative elements. Do not use as body or UI text. Both SVG and PNG formats are available at /pathways/.

Brand guidelines

PDF
Design Better Brand Guidelines
2023 edition. Logo usage, color specifications, typography, photography direction, and brand expression across surfaces.