> For the complete documentation index, see [llms.txt](https://urbanfootprint.gitbook.io/uf-style-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://urbanfootprint.gitbook.io/uf-style-guide/master.md).

# Overview

![](/files/-MhzVM_HjrRBTUv12LZ3)

### UrbanFootprint's Product Style Guide outlines strategy and implementation details for UI components, UX patterns, and visual design standards in order to maintain quality and consistency across our products.

{% content-ref url="/pages/-MeRRg9q730Lu8ngOWGb" %}
[Buttons](/uf-style-guide/buttons.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MeRRpex9YA7uNGegtMZ" %}
[Typography](/uf-style-guide/typography.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MeRRucxQCAvJtqdx9ee" %}
[Color](/uf-style-guide/color.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MeWQTjWF3xk6cTkcyen" %}
[Iconography](/uf-style-guide/iconography.md)
{% endcontent-ref %}

{% content-ref url="/pages/-MezDDopLWy521oZmO7p" %}
[Drop-downs WIP](/uf-style-guide/drop-downs.md)
{% endcontent-ref %}

### Questions?

Have questions or ideas for improvements to this guide? Connect with [#team-style-guide](https://urbanfootprint.slack.com/archives/C025HJG0HAM) on Slack to share with the team.