[Reference] Documentation

This page displays a list of documentation examples I have built over the years and will continue to evolve over time. I use this list as a reference point for research in the documentation category.

Documentation
Design Systems
Style Guides
Brand Guidelines


Example Documentation References

  • https://stripe.com/docs/api

  • https://clearbit.com/docs - API reference code

  • https://developer.apple.com/documentation/ - Easy to discover code snippets

  • https://devcenter.heroku.com/ - Category focused

  • https://developer.okta.com/documentation/

  • https://zapier.com/developer/documentation/v2/

  • https://developers.shopify.com/

  • https://www.uservoice.com/library/

  • https://help.campaignmonitor.com/

  • https://developers.squarespace.com/quick-start

  • https://sendgrid.com/docs/index.html

  • https://developers.google.com/maps/

  • https://developers.facebook.com/

  • https://www.dropbox.com/developers

  • https://sendgrid.com/docs/index.html

  • https://developers.squarespace.com/quick-start

  • https://stackoverflow.com/documentation

  • https://developer.yammer.com/docs

  • http://help.disqus.com/

  • http://status.disqus.com/

  • https://developer.cisco.com/site/devnet/home/index.gsp

Example Design Documentation

  • http://designguidelines.co/

  • http://styleguides.io/examples.html

  • http://crownpeak.technology/3.0/

  • https://atlassian.design/ 

  • https://atlaskit.atlassian.com/

  • https://standards.usa.gov/

  • https://www.lightningdesignsystem.com/

  • http://carbondesignsystem.com/

  • https://developer.apple.com/macos/human-interface-guidelines/overview/themes/

  • https://design.trello.com/principles

Example Language Documentation

  • https://styleguide.mailchimp.com/

  • http://voiceandtone.com/

  • https://www.ibm.com/design/language/

More References

  • https://airbnb.design/building-a-visual-language/

  • https://blog.prototypr.io/design-system-ac88c6740f53

  • http://bradfrost.com/blog/post/atomic-web-design/

Example Documentation Templates

  • http://readme.io

  • https://www.gitbook.com

  • https://webflow.com/templates/html/helpdesk-documentation-website-template

  • https://github.com/sendgrid/docs

  • https://docsify.js.org

  • https://bradfrost.github.io/style-guide-guide/

  • https://storybook.js.org/

  • https://www.docz.site/

  • https://docusaurus.io/

  • https://react-styleguidist.js.org/

  • https://www.catalog.style/

Example templates to build a Style Guide Experience

  • http://readme.io

  • https://zeroheight.com/v3

  • https://www.gitbook.com

  • https://webflow.com/templates/html/helpdesk-documentation-website-template

  • https://github.com/sendgrid/docshttps://docsify.js.org

  • https://bradfrost.github.io/style-guide-guide/

  • http://astrum.nodividestudio.com/

  • http://patternlab.io/

  • https://vmware.github.io/clarity/

  • https://design.pega.com/patterns-templates

  • https://frontify.com/styleguide

  • http://fractal.build/https://storybook.js.org/

  • https://www.docz.site/https://docusaurus.io/

  • https://react-styleguidist.js.org/