3.5 KiB
+++ layout = "work/single" theme = "dark" background = "#135D66" accent = "#FFFFFF" text = "#FFFFFF" title = "Stackspin" summary = "Stackspin, previously known as OpenAppStack, is a purpose-aligned work suite tailored for mission-driven teams. It delivers top-tier apps in open source cloud collaboration: set up with a single click, effortlessly managed, and fortified with security. Stackspin is built and managed by Greenhost." date = "2022-03-25 12:00:00 +0200" images = ["img/work/stackspin.webp", "stackspin"] tags = [] categories = ["Branding", "UX Research", "Illustrations", "Interaction Design"] [links] "Brand Book" = "https://www.figma.com/proto/P8JOnCnyoX4I4t2M0ltbDZ/I2P-%7C-Branding?page-id=504%3A3&node-id=504%3A495&viewport=241%2C48%2C0.06&scaling=scale-down" "User Research" = "https://www.figma.com/file/iFLifwhjgBeNNZVR09rK67/OAS-User-Research" "Website" = "https://www.stackspin.net/" +++
Stackpin offers a spirited and modern online office suite, placing data control squarely in the user's hands. Designed especially for small organizations, it brings an easy-going yet efficient touch to everyday tasks.
We teamed up with Stackpin to refresh their brand identity, their online presence through the website, and enhance the user experience. We offered a new name and a new visual design identity for their brand. For future identity consistency, we also provided a guideline manual, ensuring Stackpin’s visuals remain cohesive in all upcoming activities.
{{< figure class="with-js" src="/img/work/stackspin-cover.svg" alt="Stackspin Logo cover image" >}} {{< figure class="no-js" src="/img/work/stackspin-cover.webp" alt="Stackspin Logo cover image" >}}
S as Stack / S as Spin,
As an offspring of Greenhost, we wanted Stackspin's colors to have a harmonious feel with Greenhost's established visual identity. This sense of unity and familiarity is important to us. The redesigned logo carries an ingenious touch, with stacked blocks coming together to form the letter 'S'. It’s a blend of continuity, echoing our roots, and innovation, as we stride into the future.
{{< figure class="with-js" src="/img/work/stackspin-icon.svg" alt="Stackspin logo composition" >}} {{< figure class="no-js" src="/img/work/stackspin-icon.webp" alt="Stackspin logo composition" >}}
Typography and Colors
{{< figure class="with-js" src="/img/work/stackspin-typography.svg" alt="Typeface preview (Space Grotesk & Inter)" >}} {{< figure class="no-js" src="/img/work/stackspin-typography.webp" alt="Typeface preview (Space Grotesk & Inter)" >}}
{{< figure class="with-js" src="/img/work/stackspin-colors.svg" alt="Color palette preview (teal)" >}} {{< figure class="no-js" src="/img/work/stackspin-colors.webp" alt="Color palette preview (teal)" >}}
Brand Book
After finalizing Stackspin's visual identity, we compiled the brand guidelines book. This manual is key to ensuring that Stackspin's brand and visuals are consistently and accurately represented across all platforms and touchpoints.
It's a straightforward guide, designed to maintain clarity and cohesion for the brand's portrayal.
Link: Stackspin - Brand Book
{{< figure src="/img/work/stackspin-mockup.webp" alt="Stackspin brand book mockup" >}}
How we helped
- We helped OpenAppStack become Stackspin.
- We offered our expertise to create their new brand and visual identity.
- We designed the book of style guides so the brand is visually consistent.