# Documentation article design examples

[Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-page.documentation.article)

Last updated: 2026-06-30

Explore website designs that use **Documentation article**.

## Captured pages

[![Awesomic design system | Refero Styles](https://pin.fontofweb.com/9856?format=jpg)](https://design.withfudge.com/share/pin-9856)

[Awesomic design system | Refero Styles](https://design.withfudge.com/share/pin-9856)

[![Quickstart · OpenKnowledge](https://pin.fontofweb.com/9811?format=jpg)](https://design.withfudge.com/share/pin-9811)

[Quickstart · OpenKnowledge](https://design.withfudge.com/share/pin-9811)

[![Hetzner Price Adjustment - Hetzner Docs](https://pin.fontofweb.com/9658?format=jpg)](https://design.withfudge.com/share/pin-9658)

[Hetzner Price Adjustment - Hetzner Docs](https://design.withfudge.com/share/pin-9658)

[![Owner’s Manual - Amp](https://pin.fontofweb.com/9180?format=jpg)](https://design.withfudge.com/share/pin-9180)

[Owner’s Manual - Amp](https://design.withfudge.com/share/pin-9180)

[![Colors](https://pin.fontofweb.com/8772?format=jpg)](https://design.withfudge.com/share/pin-8772)

[Colors](https://design.withfudge.com/share/pin-8772)

[![Typography](https://pin.fontofweb.com/8771?format=jpg)](https://design.withfudge.com/share/pin-8771)

[Typography](https://design.withfudge.com/share/pin-8771)

[![Getting started | CSS Studio](https://pin.fontofweb.com/8764?format=jpg)](https://design.withfudge.com/share/pin-8764)

[Getting started | CSS Studio](https://design.withfudge.com/share/pin-8764)

[![Thread | assistant-ui](https://pin.fontofweb.com/8754?format=jpg)](https://design.withfudge.com/share/pin-8754)

[Thread | assistant-ui](https://design.withfudge.com/share/pin-8754)

[![heerich.js — Interactive Guide](https://pin.fontofweb.com/8509?format=jpg)](https://design.withfudge.com/share/pin-8509)

[heerich.js — Interactive Guide](https://design.withfudge.com/share/pin-8509)

[![heerich.js — Interactive Guide](https://pin.fontofweb.com/8508?format=jpg)](https://design.withfudge.com/share/pin-8508)

[heerich.js — Interactive Guide](https://design.withfudge.com/share/pin-8508)

[![heerich.js — Interactive Guide](https://pin.fontofweb.com/8507?format=jpg)](https://design.withfudge.com/share/pin-8507)

[heerich.js — Interactive Guide](https://design.withfudge.com/share/pin-8507)

[![heerich.js — Interactive Guide](https://pin.fontofweb.com/8506?format=jpg)](https://design.withfudge.com/share/pin-8506)

[heerich.js — Interactive Guide](https://design.withfudge.com/share/pin-8506)

## Related design patterns

- [Technology and software](/share/designs-with-industry.technology_software)
- [Primary text color](/share/designs-with-color.role.text_primary)
- [Secondary text color](/share/designs-with-color.role.text_secondary)
- [Software SaaS](/share/designs-with-offering.software_saas)
- [Body role](/share/designs-with-typography.role.body)
- [Moderate density](/share/designs-with-density.moderate)

## Related website guides

- [agentation.dev design guide](/share/agentation.dev-design)
- [ampcode.com design guide](/share/ampcode.com-design)
- [assistant-ui.com design guide](/share/assistant-ui.com-design)
- [deepwiki.com design guide](/share/deepwiki.com-design)
- [designwithvibbbes.com design guide](/share/designwithvibbbes.com-design)
- [meodai.github.io design guide](/share/meodai.github.io-design)
- [openknowledge.ai design guide](/share/openknowledge.ai-design)
- [paper.design design guide](/share/paper.design-design)
- [plexui.com design guide](/share/plexui.com-design)
- [styles.refero.design design guide](/share/styles.refero.design-design)
- [vercel.com design guide](/share/vercel.com-design)