# Global Design (typography / Colors) Change for existing project?

**URL:** <https://community.weweb.io/t/global-design-typography-colors-change-for-existing-project/4583>\
**Category:** How do I?\
**Tags:** design\
**Created:** [September 26, 2023, 6:08am UTC](https://community.weweb.io/t/global-design-typography-colors-change-for-existing-project/4583 "2023-09-26T06:08:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![pkai](https://avatars.discourse-cdn.com/v4/letter/p/5f9b8f/32.png) [@pkai](https://community.weweb.io/u/pkai)\
**Post date:** [September 26, 2023, 6:08am UTC](https://community.weweb.io/t/global-design-typography-colors-change-for-existing-project/4583/1 "2023-09-26T06:08:55Z")

</div>

Basic Design Question:  
How can I change the typography / Colors of my existing project across without at a global level, without doing it component by component.

Eg:

1. Change all body text from Inter (default) to Roboto
2. Change all Blue 600 (default #hex) to Yellow (#my hex)

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [September 26, 2023, 7:34am UTC](https://community.weweb.io/t/global-design-typography-colors-change-for-existing-project/4583/2 "2023-09-26T07:34:23Z")

</div>

Ideally you would be using Typography or Color styles for your elements, then you can easily change the values in the style settings