> 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

![](https://3095585262-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MeRRIXlvUyVcYyYJauQ%2F-MhzEK1s1sT8okHJeW9E%2F-MhzVM_HjrRBTUv12LZ3%2FAnalyst%20-%20Breakdown%202.png?alt=media\&token=972d1c90-cfce-432c-9eb1-07d81c1f3e82)

### 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.