diff --git a/src/routes/blog/author/dennis-ivy/+page.markdoc b/src/routes/blog/author/dennis-ivy/+page.markdoc index 39b5556816..2dce355b04 100644 --- a/src/routes/blog/author/dennis-ivy/+page.markdoc +++ b/src/routes/blog/author/dennis-ivy/+page.markdoc @@ -3,7 +3,7 @@ layout: author name: Dennis Ivy slug: dennis-ivy role: Developer Advocate -bio: Community, developer experience and educational content +bio: Community, developer experience and educational content. avatar: /images/avatars/dennis.png twitter: https://twitter.com/dennisivy11 github: https://github.com/divanov11 diff --git a/src/routes/blog/author/haimantika-mitra/+page.markdoc b/src/routes/blog/author/haimantika-mitra/+page.markdoc index 3604ebcb75..6dbeaa8869 100644 --- a/src/routes/blog/author/haimantika-mitra/+page.markdoc +++ b/src/routes/blog/author/haimantika-mitra/+page.markdoc @@ -2,7 +2,7 @@ layout: author slug: haimantika-mitra name: Haimantika Mitra -role: Developer Advocate at Appwrite +role: Developer Advocate bio: Talks about building community and open source. avatar: /images/avatars/haimantika.png twitter: https://x.com/haimantikam?s=21&t=AxVjgV1KlsKcigdgwZZ1Sg diff --git a/src/routes/blog/author/jade-baudchon/+page.markdoc b/src/routes/blog/author/jade-baudchon/+page.markdoc new file mode 100644 index 0000000000..3f99dceffa --- /dev/null +++ b/src/routes/blog/author/jade-baudchon/+page.markdoc @@ -0,0 +1,11 @@ +--- +layout: author +name: Jade Baudchon +slug: jade-baudchon +role: Visual Designer +bio: Has an eye for beauty and makes Appwrite look good. +avatar: /images/avatars/jade.png +twitter: https://twitter.com/jade_baudchon +linkedin: https://www.linkedin.com/in/jade-baudchon/ +--- + diff --git a/src/routes/blog/author/laura-du-ry/+page.markdoc b/src/routes/blog/author/laura-du-ry/+page.markdoc index e32257e301..cd1aa530f8 100644 --- a/src/routes/blog/author/laura-du-ry/+page.markdoc +++ b/src/routes/blog/author/laura-du-ry/+page.markdoc @@ -2,8 +2,8 @@ layout: author name: Laura Du Ry slug: laura-du-ry -role: Growth manager -bio: Managing Appwrite's growth effort. +role: Growth Manager +bio: On a mission to make Appwrite famous. avatar: /images/avatars/laura.png twitter: https://twitter.com/LDRVBH github: https://github.com/LauraDuRy diff --git a/src/routes/blog/post/the-journey-and-meaning-behind-our-new-logo/+page.markdoc b/src/routes/blog/post/the-journey-and-meaning-behind-our-new-logo/+page.markdoc new file mode 100644 index 0000000000..f8a4b46798 --- /dev/null +++ b/src/routes/blog/post/the-journey-and-meaning-behind-our-new-logo/+page.markdoc @@ -0,0 +1,77 @@ +--- +layout: post +title: The journey and meaning behind our new logo +description: +date: 2023-10-03 +cover: /images/blog/the-journey-and-meaning-behind-our-new-logo/cover.png +timeToRead: 5 +author: jade-baudchon +category: design +--- + + +In the fast-evolving world of technology and software development, change is not just inevitable; it's essential for growth and progress. One of Appwrite's recent transformations has been the evolution of our logo. Today, we'll take you on the creative journey that led to our new logo's design and meaning - a journey with our community at its core. + +### How it started + +Our first logo was initially designed by our CEO, Eldad. Its design aimed to align with our first slogan: 'Let's make coding fun again' - featuring rounded elements reminiscent of a gaming controller and the HTML symbol, which stood for our product's original focus. + +Its vibrant pink color was inspired by a dress worn by our founder's partner, adding a personal and meaningful touch that ultimately set Appwrite apart from the crowd. + +During that time, this design perfectly encapsulated Appwrite's playful nature. + +![Appwrite's old logo](/images/blog/the-journey-and-meaning-behind-our-new-logo/old_logo.png) + +However, as Appwrite grew and evolved, it became increasingly clear it was becoming less aligned with our vision to empower developers to adapt to any platform, wherever they are. + +The HTML symbol wasn't fully inclusive of the many coding languages we had started to support. Moreover, there were issues with scaling the logo down to smaller sizes, and a questionnaire revealed that the meaning behind our logo wasn't entirely clear. + +We realized it was time for a change, time for a logo that not only embodied the core essence of Appwrite but could also scale with us on our journey of growth and development. + +We transitioned from a playful approach to something a bit more serious, making Appwrite a platform that companies could rely on as they scaled. + +### Our creative journey + +Crafting a new logo was no small task. It required meticulous planning, creativity, and a deep understanding of what Appwrite stood for. + +As the design process often starts with sketches, we first explored various concepts and ideas on paper. Once we had vectorized our ideas, we involved the broader team in feedback rounds to ensure we were on the right track. This provided us with invaluable insights and offered a fresh perspective on questionable aspects we might not have otherwise noticed. + +While we initially experimented with obvious hints related to the coding world (such as coding symbols and interface elements) we soon realized that these, although relevant to our work, were somewhat generic and didn't truly embody what makes Appwrite unique. + +![Appwrite's new logo drafts](/images/blog/the-journey-and-meaning-behind-our-new-logo/drafts.png) + +### Breakthrough moment + +After many reviews, we finally pinpointed the elements we actually aimed to capture. The aspects that make Appwrite unique: our global community and the essence of coding. + +Through numerous iterations, one design stood out. A design that symbolized both our global community and the world of code. + +With the design vectorized, it was time for final review rounds and tweaks. We fine-tuned the logo and conducted scaling tests to ensure it looked great at all sizes. + +![Appwrite's new logo transition from draft to vector](/images/blog/the-journey-and-meaning-behind-our-new-logo/break.png) + + +### Our new logo + +The result of this creative journey is a logo that reflects the essence of Appwrite. It's not just a symbol; it's a representation of our commitment to building a global community united by a love for code. + +![Appwrite's new logo](/images/blog/the-journey-and-meaning-behind-our-new-logo/new_logo.png) + +The new logo features lines that converge to form a globe. This represents our diverse and interconnected community spread across the world. It's a testament to the power of collaboration and inclusivity that drives Appwrite. + +The lines in the logo evoke the idea of code - lines of code coming together to build something meaningful. This symbolism reflects the essence of our platform, empowering developers to create with ease and efficiency. These lines also feature prominently in our imagery style. + +Finally, its overall look is reminiscent of the lowercase letter 'a,' standing for the first letter of appwrite. + +![Decorative lines](/images/blog/the-journey-and-meaning-behind-our-new-logo/lines.png) + + +Our new logo inspired the rest of our visual identity. Our [website](https://appwrite.io/), promotional materials, and even [documentation](https://appwrite.io/docs) are now harmonized with this new identity, giving Appwrite a fresh, meaningful, and cohesive look. + +### The road ahead + +The evolution of our logo is not just a visual change; it's a reflection of our growth, our commitment to our community, and our dedication to empowering developers worldwide. + +As Appwrite continues to evolve, this new logo will serve as a symbol of our journey - a journey driven by innovation, inclusivity, and the limitless possibilities we're aiming to embrace in the world of software development. + +We are excited to embark on this new chapter with our brand new identity. Together, we'll continue to build, code, and shape the future of software development. The journey has just begun, and the possibilities are endless, as we build like a team of 100. \ No newline at end of file diff --git a/src/scss/6-elements/_media-container.scss b/src/scss/6-elements/_media-container.scss index 811c827313..1ce4660d11 100644 --- a/src/scss/6-elements/_media-container.scss +++ b/src/scss/6-elements/_media-container.scss @@ -14,5 +14,5 @@ -webkit-backdrop-filter: blur(pxToRem(25)); backdrop-filter: blur(pxToRem(25)); - > * { display:block; border-radius:var(--p-media-border-radius); overflow:hidden; } + > * { display:block; border-radius:var(--p-media-border-radius); overflow:hidden; width: 100%; object-fit: cover; } } \ No newline at end of file diff --git a/static/images/blog/the-journey-and-meaning-behind-our-new-logo/break.png b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/break.png new file mode 100644 index 0000000000..d752f493de Binary files /dev/null and b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/break.png differ diff --git a/static/images/blog/the-journey-and-meaning-behind-our-new-logo/cover.png b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/cover.png new file mode 100644 index 0000000000..5798e8144a Binary files /dev/null and b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/cover.png differ diff --git a/static/images/blog/the-journey-and-meaning-behind-our-new-logo/drafts.png b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/drafts.png new file mode 100644 index 0000000000..d3e475a5ee Binary files /dev/null and b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/drafts.png differ diff --git a/static/images/blog/the-journey-and-meaning-behind-our-new-logo/lines.png b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/lines.png new file mode 100644 index 0000000000..bfd137dd1b Binary files /dev/null and b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/lines.png differ diff --git a/static/images/blog/the-journey-and-meaning-behind-our-new-logo/new_logo.png b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/new_logo.png new file mode 100644 index 0000000000..4c6ea112a3 Binary files /dev/null and b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/new_logo.png differ diff --git a/static/images/blog/the-journey-and-meaning-behind-our-new-logo/old_logo.png b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/old_logo.png new file mode 100644 index 0000000000..f25fcf985b Binary files /dev/null and b/static/images/blog/the-journey-and-meaning-behind-our-new-logo/old_logo.png differ