Developer Experience Design Patterns

As part of my series of Developer Experience I've started to take a lot of screenshots of different parts of a developer experience UI. I've decided to collect some of these across the different products focussing on specific elements.

I hope this allows you to see how different products have tackled the same problems in their own ways.


Developer Landing Pages
Dedicated developer landing pages
5 screenshots
Interactive Demos
Interactive demonstrations of product features
5 screenshots
First-time use dashboards
Look and feel of dashboards on first login
19 screenshots
Reference Documentation
The reference documentation root pages
5 screenshots
Confirmation Emails
Emails sent out to confirm the user's email address
5 screenshots
Welcome Emails
Emails sent out to developers after signup
7 screenshots
Home Pages
Product homepages
6 screenshots
Github READMEs
The READMEs for the SDKs
6 screenshots