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
4 screenshots
Interactive Demos
Interactive demonstrations of product features
3 screenshots
First-time use dashboards
Look and feel of dashboards on first login
15 screenshots
Reference Documentation
The reference documentation root pages
3 screenshots
Confirmation Emails
Emails sent out to confirm the user's email address
4 screenshots
Welcome Emails
Emails sent out to developers after signup
4 screenshots
Home Pages
Product homepages
5 screenshots
Github READMEs
The READMEs for the SDKs
5 screenshots