All posts

AFFiNE New Logo: A Symbol of Infinite Possibility and Innovation

Guozhu Liu
04/11/2023
Jiachen He
04/11/2023

In Euclidean geometry, an affine transformation or affinity is a geometric transformation that preserves lines and parallelism, but not necessarily Euclidean distances and angles. Wikipedia

Two years ago, when we conceived the cross-border product AFFiNE, we established a resolute and unchanging foundation from which its mission has continued to grow and evolve. In essence, our goal is to use blocks as fundamental, infrastructural elements for building various types of documents for writing, recording, planning, and even drawing. A key concept that runs throughout AFFiNE is transformation, whereby a document can be turned into a canvas or a heading can be changed into an item of a numbered list, and so on. With this unique capability, AFFiNE has the potential to play a pivotal role in every aspect of our digital lives and the business world.

zaFAx1uVZi_n4TTnQtMo2zC1JgPOBZnYf2BxYVInhc0=

This very conceptualization is at the heart of our logo redesign and rebranding for AFFiNE. While the previous logo conveyed a sense of forging ahead and seeking steady progress, the new logo fully embodies the core idea of AFFiNE—the mathematical concept of affine transformation.

Affine transformation is a linear mapping method that preserves points, straight lines, and planes. Sets of parallel lines remain parallel after an affine transformation. (It contains) translation, scale, shear, and rotation. MathWorks

In the new logo, starting from the largest outer triangle, four consecutive triangles are generated through a series of down-scaling and rotation—essentially, a series of affine transformations—resulting in a harmonious arrangement. These triangles represent similar shapes, indicating that in an AFFiNE document, all content blocks share a universal origin. However, affine transformations provide unlimited possibilities rather than identical appearances while ensuring consistency within a common space and possessing a set of fields and properties to construct different database views. All these meanings are combined in a center-symmetrical graphic with beautiful ratios and perfect balance.

The striking curves produced by the points and vertices of these triangles are called Pursuit Curves, a fitting term that represents both the nature of the curve itself and the diligent, tireless pursuit of Toeverything Pte. Ltd., the open-source company behind AFFiNE. Our goal is to create tools that help distill knowledge from a wide range of information without fragmenting information or increasing entropy. In the new logo, we wanted to convey this continuous pursuit, so we emphasized it in the simplified version, which consists of two triangles and will be used primarily in small spaces, such as website favicons in browser tabs (16 x 16 px).

While the play on words could seemingly continue endlessly, our primary goal in creating the new logo is to demonstrate that a great product will always transform itself to meet users' needs and adapt to changing times. In other words, the aim is always to shape, not merely to adapt.

As for the entire logotype, we have also dramatically changed the font shape from its original, hefty appearance to a modern, elegant, and considerate style, creating an affinity between the modest user interface design of the AFFiNE app and the creative environment it presents to users.

ZWjXfO8qRerYjyAnvd_jO2zb3n5bSnsyLWeppbnufEk=

With the precision and accuracy of its mathematical generation process and the creativity and elegance of its visual appearance, our new logo powerfully represents the AFFiNE brand and the values we stand for. By incorporating mathematical principles into the design, we have created a visual identity that reflects our commitment to precision, innovation, and efficiency in our products. We are excited to embark on this new chapter on our journey and look forward to continuing to provide exceptional solutions and experiences for our customers. Finally, there are two more things -- please look forward to the logos of BlockSuite and OctoBase, by which AFFiNE is based and supported.


AFFiNE is still in alpha, but we are continuing to build to a more feature-rich and stable build. Come and join us on our journey over on our media platforms.

Get more things done, your creativity isn't monotone

Explore on Desktop
Stars on GitHub