From 3569eb6e7e0eca6f6f9cc844d782522aa2822b04 Mon Sep 17 00:00:00 2001 From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com> Date: Mon, 5 Dec 2022 18:33:09 -0500 Subject: [PATCH 1/8] Added design folder and template README --- .design/README.md | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 .design/README.md diff --git a/.design/README.md b/.design/README.md new file mode 100644 index 0000000..9fa9ae8 --- /dev/null +++ b/.design/README.md @@ -0,0 +1,19 @@ +
+ +

.design guidelines

+

How to successfully contribute ideas and thoughts to the contribute.design example repository.

+
+ +## 👋 Create issues before PRs + +Please create issues for your thought and add a `design: 💡 idea` label to them. We will follow those isseues closely and foster a fruitful discussion. + +## ❤️ Share your flows, materials and experiences + +Feel free to start discussions around anything that is relevant for you as a designer to effectively contribute towards a projects success. + +No matter if it's tooling, required materials or other thoughts. + +## 💅 Materials + +We will make sure to add materials as we go. But for now feel free to browse through our example guides and suggest improvements 😀 From 6c99f79c8cc7005d68f1fd8ee078ef9f19fff3fe Mon Sep 17 00:00:00 2001 From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com> Date: Mon, 5 Dec 2022 18:43:50 -0500 Subject: [PATCH 2/8] README Progress --- .design/README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/.design/README.md b/.design/README.md index 9fa9ae8..eee571a 100644 --- a/.design/README.md +++ b/.design/README.md @@ -1,10 +1,10 @@
-

.design guidelines

-

How to successfully contribute ideas and thoughts to the contribute.design example repository.

+

tea design guidelines

+

We're calling on designers from our communi'tea to help take our aesthetic to the next level! Whether you want to tackle some graphic design, UI/UX, or if you just have a small typographic nit‐pick, we would be over the moon if you lent us your talents! This is a perfect opportunity for young designers who want experience working with style guides and larger teams. And for the seasoned designers out there, by all means, show is what you've got!

-## 👋 Create issues before PRs +## 👋 Check out of style guide here: Please create issues for your thought and add a `design: 💡 idea` label to them. We will follow those isseues closely and foster a fruitful discussion. From ece8d89db9e456e7fdcb3cef27b5cf7eb8980a7c Mon Sep 17 00:00:00 2001 From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com> Date: Mon, 5 Dec 2022 18:45:33 -0500 Subject: [PATCH 3/8] left align --- .design/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.design/README.md b/.design/README.md index eee571a..4b8676e 100644 --- a/.design/README.md +++ b/.design/README.md @@ -1,4 +1,4 @@ -
+

tea design guidelines

We're calling on designers from our communi'tea to help take our aesthetic to the next level! Whether you want to tackle some graphic design, UI/UX, or if you just have a small typographic nit‐pick, we would be over the moon if you lent us your talents! This is a perfect opportunity for young designers who want experience working with style guides and larger teams. And for the seasoned designers out there, by all means, show is what you've got!

From 7e15b58fbf89eb2f1bd61556713ad9335068f913 Mon Sep 17 00:00:00 2001 From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com> Date: Mon, 5 Dec 2022 18:47:38 -0500 Subject: [PATCH 4/8] Added banner --- .design/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.design/README.md b/.design/README.md index 4b8676e..f7622b4 100644 --- a/.design/README.md +++ b/.design/README.md @@ -1,5 +1,5 @@
- +

tea design guidelines

We're calling on designers from our communi'tea to help take our aesthetic to the next level! Whether you want to tackle some graphic design, UI/UX, or if you just have a small typographic nit‐pick, we would be over the moon if you lent us your talents! This is a perfect opportunity for young designers who want experience working with style guides and larger teams. And for the seasoned designers out there, by all means, show is what you've got!

From 5542b462bf1bbf5f4d14703a500c86253c90dd21 Mon Sep 17 00:00:00 2001 From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com> Date: Tue, 6 Dec 2022 12:18:05 -0400 Subject: [PATCH 5/8] Additional README content --- .design/README.md | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/.design/README.md b/.design/README.md index f7622b4..4ba6e10 100644 --- a/.design/README.md +++ b/.design/README.md @@ -6,11 +6,15 @@ ## 👋 Check out of style guide here: -Please create issues for your thought and add a `design: 💡 idea` label to them. We will follow those isseues closely and foster a fruitful discussion. +Much like tea, our brand aesthetic is pushing the envelope of the design world. We use a visual grid system that defines the sizing of every element in the foreground, as well as typefaces that embody our core values and mission. The artwork you see throughout are website is generated with AI (Stable Diffusion); if your contribution includes custom artwork, we recommend utilizing our prompt in order to best match the existing generations: -## ❤️ Share your flows, materials and experiences +`focal point, highly detailed, surrealism, #FF7BA7, #FF00FF, #2675F5, #29F746, #FFFF00, #FF8E00, smooth, sharp focus, matte, elegant, illustration, digital paint, sharp, dramatic lighting, beautiful, ambient lighting` -Feel free to start discussions around anything that is relevant for you as a designer to effectively contribute towards a projects success. +Prepend a unique prompt of your own to the text above and see what Stable Diffusion spits out! + +## ❤️ Type of contributions we accept: + +Figma links, Illustrator/Photoshop files, PNG/SVG's for visual elements, Miro boards, HTML files... whichever medium you feel you can make that greatest impact with, that's the one we want. No matter if it's tooling, required materials or other thoughts. From 861a1702a54df2264b4cd4652da3cb12771d3ca9 Mon Sep 17 00:00:00 2001 From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com> Date: Fri, 16 Dec 2022 15:53:04 -0500 Subject: [PATCH 6/8] Finished README.md content --- .design/README.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/.design/README.md b/.design/README.md index 4ba6e10..be52175 100644 --- a/.design/README.md +++ b/.design/README.md @@ -4,20 +4,20 @@

We're calling on designers from our communi'tea to help take our aesthetic to the next level! Whether you want to tackle some graphic design, UI/UX, or if you just have a small typographic nit‐pick, we would be over the moon if you lent us your talents! This is a perfect opportunity for young designers who want experience working with style guides and larger teams. And for the seasoned designers out there, by all means, show is what you've got!

-## 👋 Check out of style guide here: +## Check out of style guide here: -Much like tea, our brand aesthetic is pushing the envelope of the design world. We use a visual grid system that defines the sizing of every element in the foreground, as well as typefaces that embody our core values and mission. The artwork you see throughout are website is generated with AI (Stable Diffusion); if your contribution includes custom artwork, we recommend utilizing our prompt in order to best match the existing generations: +Much like tea, our brand aesthetic is pushing the envelope of the design world. If you'd like to see for yourself, you can [download our style guide here](/press/). + +We use a visual grid system that defines the sizing of every element in the foreground, as well as typefaces that embody our core values and mission. The artwork you see throughout are website is generated with [AI (Stable Diffusion)](https://beta.dreamstudio.ai/dream); if your contribution includes custom artwork, we recommend utilizing our prompt in order to best match the existing generations: `focal point, highly detailed, surrealism, #FF7BA7, #FF00FF, #2675F5, #29F746, #FFFF00, #FF8E00, smooth, sharp focus, matte, elegant, illustration, digital paint, sharp, dramatic lighting, beautiful, ambient lighting` Prepend a unique prompt of your own to the text above and see what Stable Diffusion spits out! -## ❤️ Type of contributions we accept: +## Types of contributions we accept: Figma links, Illustrator/Photoshop files, PNG/SVG's for visual elements, Miro boards, HTML files... whichever medium you feel you can make that greatest impact with, that's the one we want. -No matter if it's tooling, required materials or other thoughts. +In terms of deciding *what* to contribute, you can audit our website and digital presence to find visual weak points, you can design new pages that you think augment the brand and messaging, or you can find a design-related issue to tackle. -## 💅 Materials - -We will make sure to add materials as we go. But for now feel free to browse through our example guides and suggest improvements 😀 +We want *everybody* to join our tea party and contribute to a better internet, so we're thrilled to be opening that up to designers. From aaf07c83504ec0825bf47d3484f3d9fd21fb6865 Mon Sep 17 00:00:00 2001 From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com> Date: Fri, 16 Dec 2022 16:10:27 -0500 Subject: [PATCH 7/8] Updated links --- .design/README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/.design/README.md b/.design/README.md index be52175..f8ba209 100644 --- a/.design/README.md +++ b/.design/README.md @@ -6,7 +6,7 @@ ## Check out of style guide here: -Much like tea, our brand aesthetic is pushing the envelope of the design world. If you'd like to see for yourself, you can [download our style guide here](/press/). +Much like tea, our brand aesthetic is pushing the envelope of the design world. If you'd like to see for yourself, you can [download our style guide here](https://tea.xyz/Tea%20Brand%20Guidelines%20-%202022.pdf). We use a visual grid system that defines the sizing of every element in the foreground, as well as typefaces that embody our core values and mission. The artwork you see throughout are website is generated with [AI (Stable Diffusion)](https://beta.dreamstudio.ai/dream); if your contribution includes custom artwork, we recommend utilizing our prompt in order to best match the existing generations: @@ -16,8 +16,8 @@ Prepend a unique prompt of your own to the text above and see what Stable Diffus ## Types of contributions we accept: -Figma links, Illustrator/Photoshop files, PNG/SVG's for visual elements, Miro boards, HTML files... whichever medium you feel you can make that greatest impact with, that's the one we want. +Figma links, Illustrator/Photoshop files, PNG/SVG's for visual elements, MIRO boards, HTML files... whichever medium you feel you can make that greatest impact with, that's the one we want. -In terms of deciding *what* to contribute, you can audit our website and digital presence to find visual weak points, you can design new pages that you think augment the brand and messaging, or you can find a design-related issue to tackle. +In terms of deciding *what* to contribute, you can audit our website and digital presence to find visual weak points, you can design new pages that you think augment the brand and messaging, or you can find a [design-related issue](https://github.com/teaxyz/www/issues) to tackle. We want *everybody* to join our tea party and contribute to a better internet, so we're thrilled to be opening that up to designers. From 6a4190b551854da77cdd989a8d0919c66429d2de Mon Sep 17 00:00:00 2001 From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com> Date: Fri, 16 Dec 2022 16:51:07 -0500 Subject: [PATCH 8/8] Spelling corrections from Chris (thank you!) --- .design/README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.design/README.md b/.design/README.md index f8ba209..24e4cba 100644 --- a/.design/README.md +++ b/.design/README.md @@ -1,14 +1,14 @@

tea design guidelines

-

We're calling on designers from our communi'tea to help take our aesthetic to the next level! Whether you want to tackle some graphic design, UI/UX, or if you just have a small typographic nit‐pick, we would be over the moon if you lent us your talents! This is a perfect opportunity for young designers who want experience working with style guides and larger teams. And for the seasoned designers out there, by all means, show is what you've got!

+

We're calling on designers from our communi'tea to help take our aesthetic to the next level! Whether you want to tackle some graphic design, UI/UX, or if you just have a small typographic nit‐pick, we would be over the moon if you lent us your talents! This is a perfect opportunity for young designers who want experience working with style guides and larger teams. And for the seasoned designers out there, by all means, show us what you've got!

## Check out of style guide here: Much like tea, our brand aesthetic is pushing the envelope of the design world. If you'd like to see for yourself, you can [download our style guide here](https://tea.xyz/Tea%20Brand%20Guidelines%20-%202022.pdf). -We use a visual grid system that defines the sizing of every element in the foreground, as well as typefaces that embody our core values and mission. The artwork you see throughout are website is generated with [AI (Stable Diffusion)](https://beta.dreamstudio.ai/dream); if your contribution includes custom artwork, we recommend utilizing our prompt in order to best match the existing generations: +We use a visual grid system that defines the sizing of every element in the foreground, as well as typefaces that embody our core values and mission. The artwork you see throughout our website are generated with [AI (Stable Diffusion)](https://beta.dreamstudio.ai/dream); if your contribution includes custom artwork, we recommend utilizing our prompt in order to best match the existing generations: `focal point, highly detailed, surrealism, #FF7BA7, #FF00FF, #2675F5, #29F746, #FFFF00, #FF8E00, smooth, sharp focus, matte, elegant, illustration, digital paint, sharp, dramatic lighting, beautiful, ambient lighting`