appwrite · TorstenDittmann · Sep 26, 2023 · Sep 26, 2023 · Sep 26, 2023 · Sep 26, 2023
diff --git a/src/app.html b/src/app.html
@@ -5,7 +5,7 @@
 		<link rel="icon" type="image/svg+xml" href="/images/logos/logo.svg" />
 		<link rel="stylesheet" href="/icon-font/aw-icon.css" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>Appwrite - build like a team of hundreds</title>
+		<title>Appwrite - Build like a team of hundreds</title>
 		%sveltekit.head%
 	</head>
 	<body class="theme-dark" data-sveltekit-preload-data="hover">

diff --git a/src/lib/animations/Products/Products.svelte b/src/lib/animations/Products/Products.svelte
@@ -35,7 +35,7 @@
 				'Rate-limits and advanced user protection',
 				'Custome SMTP and email templates'
 			],
-			shot: './images/products/Auth.svg'
+			shot: './images/products/auth.png'
 		},
 		databases: {
 			icon: {
@@ -53,7 +53,7 @@
 				'Custom data validation',
 				'Relationships support',
 			],
-			shot: './images/products/Databases.svg'
+			shot: './images/products/databases.png'
 		},
 		functions: {
 			icon: {
@@ -69,7 +69,7 @@
 				'Support for 30+ runtimes in 13 languages',
 				'Custom domain support'
 			],
-			shot: './images/products/Functions.svg'
+			shot: './images/products/functions.png'
 		},
 		storage: {
 			icon: {
@@ -84,7 +84,7 @@
 				'Built-in image transformation capabilities',
 				'Advanced compression with WebP/Brotli support'
 			],
-			shot: './images/products/Storage.svg'
+			shot: './images/products/storage.png'
 		},
 		realtime: {
 			icon: {
@@ -99,7 +99,7 @@
 				'Built-in permission management',
 				'Support for DBs, Auth, Storage & Functions',
 			],
-			shot: './images/products/Realtime.svg'
+			shot: './images/products/realtime.png'
 		}
 	};
 </script>
@@ -214,7 +214,7 @@
 							delay: 400
 						}}
 					>
-						Build secure and scalable applications with less code. Add authentication, databases, storage, and more using Appwrite's core backend products.					
+						Build secure and scalable applications with less code. Add authentication, databases, storage, and more using Appwrite's development platform.
 					</p>
 				{/if}
 			</div>

diff --git a/src/lib/animations/Products/ProductsMobile.svelte b/src/lib/animations/Products/ProductsMobile.svelte
@@ -11,7 +11,7 @@
 	</h2>
 
 	<p class="aw-description u-margin-block-start-16">
-		Build secure and scalable applications with less code. Add authentication, databases, storage, and more using Appwrite's core backend products.					
+		Build secure and scalable applications with less code. Add authentication, databases, storage, and more using Appwrite's development platform.
 	</p>
 
 	<div class="infos">

diff --git a/src/lib/components/FooterNav.svelte b/src/lib/components/FooterNav.svelte
@@ -110,6 +110,36 @@
 				</li>
 			</ul>
 		</li>
+		<li class="aw-footer-nav-main-item">
+			<h5 class="aw-footer-nav-main-title aw-is-not-mobile aw-caption-500 aw-eyebrow">Learn</h5>
+			<button class="aw-footer-nav-button is-open aw-is-only-mobile">
+				<span class="aw-caption-500 aw-eyebrow">Learn</span>
+				<svg
+					class="aw-footer-nav-button-arrow"
+					xmlns="http://www.w3.org/2000/svg"
+					width="20"
+					height="20"
+					viewBox="0 0 20 20"
+					fill="none"
+				>
+					<path
+						fill-rule="evenodd"
+						clip-rule="evenodd"
+						d="M10.4243 13.0243C10.19 13.2586 9.81007 13.2586 9.57576 13.0243L5.07576 8.52426C4.84145 8.28995 4.84145 7.91005 5.07576 7.67574C5.31007 7.44142 5.68997 7.44142 5.92429 7.67574L10 11.7515L14.0758 7.67574C14.3101 7.44142 14.69 7.44142 14.9243 7.67574C15.1586 7.91005 15.1586 8.28995 14.9243 8.52426L10.4243 13.0243Z"
+						fill="#ADADB0"
+					/>
+				</svg>
+			</button>
+			<ul class="aw-footer-nav-secondary-list aw-sub-body-400">
+				<li><a class="aw-link" href="/docs">Docs</a></li>
+				<li><a class="aw-link" href="/blog">Blog</a></li>
+				<li><a class="aw-link" href="/community">Community</a></li>
+				<li><a class="aw-link" href="/heroes">Heroes</a></li>
+				<li>
+					<a class="aw-link" href="https://status.appwrite.io" target="_blank">Status</a>
+				</li>
+			</ul>
+		</li>
 		<li class="aw-footer-nav-main-item">
 			<h5 class="aw-footer-nav-main-title aw-is-not-mobile aw-caption-500 aw-eyebrow">About</h5>
 			<button class="aw-footer-nav-button is-open aw-is-only-mobile" use:accordion>
@@ -138,7 +168,6 @@
 				<li>
 					<a class="aw-link" href="https://store.appwrite.io" target="_blank">Store</a>
 				</li>
-				<li><a class="aw-link" href="/brand">Brand</a></li>
 				<li>
 					<a class="aw-link" href="/contact-us">Contact us</a>
 				</li>

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
diff --git a/src/routes/brand/+page.svelte → src/routes/assets/+page.svelte b/src/routes/brand/+page.svelte → src/routes/assets/+page.svelte
diff --git a/src/routes/blog/category/accessibility/+page.markdoc b/src/routes/blog/category/accessibility/+page.markdoc
@@ -0,0 +1,6 @@
+---
+layout: category
+name: Accessibility
+description: Dive into our Accessibility category, enriched with firsthand insights from the Appwrite team, on making web apps user-friendly for all. Discover practical design tactics for better user engagement, adhering to global accessibility standards. Through our journey in building Appwrite, we unveil simple yet impactful design modifications.
+---
+
diff --git a/src/routes/blog/post/accessibility-in-pink-design/+page.markdoc b/src/routes/blog/post/accessibility-in-pink-design/+page.markdoc
@@ -3,10 +3,10 @@ layout: post
 title: Accessibility in Pink Design
 description: Lorem Ipsum dolor et amet.
 date: 2023-11-14
-cover: /images/pages/homepage/dashboard.svg
+cover: /images/pages/homepage/dashboard.png
 timeToRead: 3
 author: arman
-category: design, accessibility, appwrite, community, accessiblity
+category: accessibility, design
 ---
 
 When creating products, accessibility can be an afterthought. Understandably, we want to ship our products fast and deliver value to our users. We might think that accessibility is needed for edge cases and therefore not prioritize it. It's good to be reminded that the World Health Organization (WHO) estimates that 16% of the global population has some form of disability (Dec 2022).Ignoring such a significant part of your user base simply doesn't create a good user experience.Creating accessible products is everyone's responsibility. Designers, developers, content authors, and whoever else is involved in creating products should do their part and strive towards achieving a better experience for everyone.
@@ -33,9 +33,7 @@ Color contrast might be the first thing that comes to mind when thinking about a
 
 The term “color blindness” is often used to describe people who have trouble identifying and distinguishing between certain colors, but color blindness, the inability to see any color, is extremely rare. According to the United Kingdom National Health Service (NHS), red-green color blindness affects 1 out of 12 men and 1 out of 200 women. People with this color vision deficiency may have difficulty differentiating between reds, oranges, yellows, browns, and greens. They also might find it hard to distinguish between shades of purple and may confuse red with black.Similarly, people with “blue-yellow” color vision deficiency may have difficulty differentiating between blues, greens, and yellows.
 
-BIG LINK
-
-We use four system colors in Pink Design — red, orange, green, and blue. Each of these colors represents a state in the Appwrite console — red indicates an error or danger, orange indicates a warning, green indicates success, and blue indicates information. Knowing the difficulties our users might face while seeing these colors, we don't rely on color to make critical information understandable.
+We use four system colors in Pink Design — red, orange, green, and blue. Each of these colors represents a state in the Appwrite Console — red indicates an error or danger, orange indicates a warning, green indicates success, and blue indicates information. Knowing the difficulties our users might face while seeing these colors, we don't rely on color to make critical information understandable.
 
 >“Lorem ipsum dolor sit amet consectetur. Diam fermentum tellus ante purus nullam eget sit id ac. Purus viverra ultrices fusce posuere sed enim duis aliquam sit. Vitae fames potenti donec ultricies in. Quis sed iaculis consectetur cras feugiat nibh gravida tincidunt volutpat. Eleifend vel blandit cras tempor sed nam quis aliquet. Facilisi tempor amet id integer gravida duis. Aliquet nulla tellus risus tortor neque vestibulum arcu.” Author
 
@@ -46,7 +44,7 @@ People with fine motor control restrictions or disabled hands or arms will be un
 
 It is possible to enhance accessibility through development as well. In collaboration with our engineering team, we decided to incorporate the following into Pink Design:
 
-![Alt text](/images/pages/homepage/dashboard.svg "a title")
+![Alt text](/images/pages/homepage/dashboard.png "a title")
 
 ## Define font size in REM
 

diff --git a/src/routes/blog/post/announcing-new-docs/+page.markdoc b/src/routes/blog/post/announcing-new-docs/+page.markdoc
diff --git a/src/routes/blog/post/example-2/+page.markdoc b/src/routes/blog/post/example-2/+page.markdoc
diff --git a/src/routes/blog/post/meet-the-new-appwrite/+page.markdoc b/src/routes/blog/post/meet-the-new-appwrite/+page.markdoc
@@ -18,7 +18,9 @@ We are excited to share our new brand and to see it match the maturity of our pr
 
 ## Aligning visual identity with growth
 
-The very first design of Appwrite was created by our Founder & CEO, Eldad, in 2019 when Appwrite launched as an open-source project. Since then, the Appwrite console has been through a design upgrade, but as Appwrite grew, so did the team. Making it possible to reach new heights with Appwrite’s overall brand identity. 
+The very first design of Appwrite was created by our Founder & CEO, Eldad, in 2019 when Appwrite launched as an open-source project. Since then, the Appwrite Console has been through a design upgrade, but as Appwrite grew, so did the team. Making it possible to reach new heights with Appwrite’s overall brand identity. 
+
+> With the Appwrite team and community growing, our product started to mature, and there was a disconnect between our broader visual identity and our product
 
 With the Appwrite team and community growing, our product started to mature, and there was a disconnect between our broader visual identity and our product. Recognizing the need for a fresh and more mature appearance, we worked to align our visual identity with the growing maturity of our product. This rebranding effort represents our commitment to delivering a polished and sophisticated experience to developers, throughout the developer journey. From discovery to scaling in using Appwrite. 
 
@@ -28,6 +30,12 @@ Our rebranding journey began with a fresh perspective on our logo. We wanted to
 
 ![New Appwrite logo](/images/blog/new-logo.png)
 
+> Our rebranding journey began with a fresh perspective on our logo. We wanted to emphasize the importance of our community, so we redesigned it to feature a globe and lines of code.
+
+These code lines have become a recurring theme in our new 3D visuals, symbolizing progress and unity. We've also expanded our color palette to reflect our diverse and creative community, moving away from just pink. Warmer colors were added, to reflect the human and open side of our vibrant community.
+
+![Appwrite's new visual assets](/images/blog/socials.png)
+
 Additionally, we've added a new element: glass. This represents our commitment to transparency and openness, echoing our open-source values. It's integrated into our website and brand visuals, highlighting our dedication to collaboration within our global community.
 
 ![Appwrite's glass elements](/images/blog/glass-elements.png)

diff --git a/src/routes/brand/+page.server.js b/src/routes/brand/+page.server.js
@@ -0,0 +1,5 @@
+import { redirect } from '@sveltejs/kit';
+
+export function load() {
+	throw redirect(301, '/blog/post/meet-the-new-appwrite');
+}
diff --git a/src/routes/company/+page.svelte b/src/routes/company/+page.svelte
@@ -265,7 +265,7 @@
 												Continuous improvement
 											</h3>
 											<p class="aw -main-body-400">
-												Towards the end of 2022 we released Appwrite 1.0 and the Console 2.0 for a better developer experience. It was the first time we produced a product, the console, which was fully designed by our in house team. These are the initial versions of the products you know today.
+												Towards the end of 2022 we released Appwrite 1.0 and the Console 2.0 for a better developer experience. It was the first time we produced a product, the Console, which was fully designed by our in house team. These are the initial versions of the products you know today.
 											</p>
 										</div>
 										<div>

diff --git a/src/routes/docs/advanced/migrations/cloud/+page.markdoc b/src/routes/docs/advanced/migrations/cloud/+page.markdoc
@@ -25,7 +25,7 @@ Migrations makes it as easy as a couple clicks to move all of your self-hosted p
 To begin migrating to self-hosted, make sure to read the [migration overview](/docs/advanced/migrations)  
 and [things to keep in mind](#notices) sections above.
 
-1. Navigate to your self-hosted project's console and click on the **Migrations** tab.
+1. Navigate to your self-hosted project's Console and click on the **Migrations** tab.
 
 2. Click **Deploy to cloud**, you will be redirected to Appwrite Cloud.
 

diff --git a/src/routes/docs/advanced/migrations/firebase/+page.markdoc b/src/routes/docs/advanced/migrations/firebase/+page.markdoc
@@ -6,7 +6,7 @@ difficulty: beginner
 readtime: 20
 ---
 
-Appwrite migrations help you quickly migrate your data from Firebase or other [sources](/docs/advanced/migrations#sources) to Appwrite. You can follow the instructions on the Appwrite console migration wizard or use this guide to perform your data migration. While migrations are a great way to move your data from other services to Appwrite and get started quickly, they're not perfect. Make sure to understand the different [limitations](#limitations) before completing your migration.
+Appwrite migrations help you quickly migrate your data from Firebase or other [sources](/docs/advanced/migrations#sources) to Appwrite. You can follow the instructions on the Appwrite Console migration wizard or use this guide to perform your data migration. While migrations are a great way to move your data from other services to Appwrite and get started quickly, they're not perfect. Make sure to understand the different [limitations](#limitations) before completing your migration.
 
 {% info title="Charges" %}
 When you migrate data from Firebase to Appwrite Cloud, the resource usage during the migration will not count towards your Appwrite Cloud usage charges. However, Firebase, may have data transfer charges.