Skip to content

Open Technology Fund - Website Illustrations

We created a fresh visual style, offering a series of illustrations for the OTF’s new website. These visuals highlight the importance of open technology and, most importantly, the community. They enhance OTF’s website, providing a visually engaging user experience.


Services

At the heart of OTF’s mission lies the profound connection between people and open technology. By empowering communities worldwide, OTF enables individuals to harness the power of technology for meaningful change. By supporting open-source initiatives, OTF fosters collaboration and knowledge-sharing, paving the way for a more connected world.

In essence, OTF’s work is not just about technology; it’s about the boundless opportunities it creates for people, bridging gaps, and fostering a global community united by the principles of openness and accessibility.


Building upon this connection between technology and community, we designed the new illustrations to ‘connect the pixels’ between these two essential elements. Each visual element was thoughtfully designed to radiate warmth and inclusivity, offering a welcoming presence on the OTF’s website.

OTF Website Illustrations Cover
OTF Website Illustrations Cover
OTF Website Illustrations Cover

Color System

We started the design process developing a color system, an extended color palette based on OTF’s existing brand colors. This thoughtful approach ensures that the new hues seamlessly integrate with OTF’s established visual identity. By offering this color system, we not only maintain brand consistency but also introduce new shades that complement the existing colors for different scenarios, such as the illustrations. This allows the illustrations to harmonize effortlessly with OTF’s overall branding, creating a unified and inviting visual experience across all platforms. Every illustration stroke and design element, grounded in this extended color system, subtly reinforces OTF’s brand identity.

OTF Website Illustrations Color System
OTF Website Illustrations Color System

OTF Website Illustrations Color System
OTF Website Illustrations Color System

OTF Website Illustrations Color System
OTF Website Illustrations Color System

The People

Human presence is central in OTF’s visual identity. Each composition features people, underlining the idea that technology exists to help us connect. It’s a visual reminder that technology serves humanity, not the other way around.We created a variable-based system where each person is customizable in an abstract style. We used colors from our established palette. This approach ensures alignment with OTF’s community, not focusing on specific demographic representations, while representing a diverse and inclusive community.

OTF Website Illustrations People
OTF Website Illustrations People

OTF Website Illustrations People
OTF Website Illustrations People

Compositions

We offered six different compositions, one for each page of The OTF’s website, serving as a visual narrative that depict the collaboration and shared progress. By seamlessly integrating the intricate tapestry of technology and community, these illustrations create an inviting atmosphere, inviting visitors to explore and participate.

OTF Website Illustrations Compositions
OTF Website Illustrations Compositions

OTF Website Illustrations Compositions
OTF Website Illustrations Compositions

How we helped

  • Innovative Visual Language: Introduced an innovative visual language through pixelated patterns, technology blocks and human avatars, providing a distinctive and recognizable style for OTF’s illustrations.
  • Enhanced Brand Identity: The illustrations, grounded in the extended color system, reinforce OTF’s brand identity effectively. Each stroke and design element aligns with the established visual identity, reinforcing brand consistency and recognition.
  • Engaging and Approachable Presence: The illustrations become a bridge, inviting visitors to explore the world of open technology. Their warm and approachable presence on OTF’s website engages visitors, encouraging them to participate.