Skip to content

A conversation, given a clear point of focus.

The Sairo mark combines a speech form, a deliberate frame, and one tonal signal point. Together they express how Sairo works: listen to the question, stay within the available context, and make the next step clear.

Read the logo from the outside in.

Every part has one job. The frame defines the context, the conversation shape carries the exchange, and the signal point gives the eye a place to land.

Full lockup
The conversation mark and product name form the primary Sairo signature.
The mark
One focused signal, held inside a clear conversation.
01 / Frame
Quiet corners define the field of context around the answer.
02 / Exchange
The open speech form keeps the technology human and conversational.
03 / Answer
A short line evokes published information becoming a useful response.
04 / Signal
The signal point identifies the detail or next step that deserves attention.

The idea: conversation with context.

Sairo helps a visitor ask about a website in ordinary language. The logo begins with that familiar exchange, then adds a visible boundary and a single point of attention. The result is a conversation mark with more structure than a generic chat bubble.

That structure reflects the product. A useful answer should come from the information a website has chosen to publish, and it should lead towards a clear answer or a human follow-up. The mark holds those ideas together without trying to illustrate every feature.

The speech shape keeps the exchange human.

The central outline borrows the recognisable shape and tail of a speech bubble. Its open contour leaves room for the visitor’s question, while the horizontal stroke reads like a line of text, an answer, or a source being brought into the conversation.

Four quiet corner forms sit outside the bubble. They suggest a defined field of view: Sairo works within the context it has been given. Their lighter weight keeps the conversation dominant while still making the boundary part of the identity.

Conversation outline
A direct reference to questions, answers, and the exchange between a visitor and a business.
Handoff tail
The conversation can lead somewhere: to an answer, an enquiry, or a person who can take the next step.
Answer line
A small horizontal stroke that evokes written information becoming a clear response.
Context corners
A restrained frame around the conversation, representing the sources and boundaries that keep an answer relevant.

The signal dot is the point of attention.

The solid centre is the smallest shape in the mark. Its density gives it emphasis within the same ink colour as the outline. It represents the active point in a conversation: the question that needs attention, the useful detail in a page, or the next step that should not get lost.

Two pale rings soften the transition between the signal point and the surrounding form. They help the signal remain legible at different sizes without turning it into an alert. The dot is a brand signature, not a loading indicator, presence status, or notification badge.

The full wordmark contains a second dot before “app”. There it performs a literal job as domain punctuation while echoing the signal inside the mark. The two dots belong to the same visual language, but they carry different responsibilities.

The wordmark says exactly what the product is.

The lowercase “sairo” keeps the name direct and approachable beside the more technical geometry of the mark. The “.app” ending names the product as a digital tool rather than leaving the symbol to explain the whole brand on its own.

The lettering is drawn as vector artwork instead of depending on a browser font. Its proportions, spacing, and relationship to the mark therefore remain consistent wherever the official artwork is used. The matching punctuation connects the spoken name to the signal point without competing with it.

Motion supports the story; it does not become the story.

On public pages, the mark may respond gently to scrolling: the symbol can shift and the signal point can travel a short distance before settling back into the lockup. The movement suggests an active conversation while keeping the logo readable throughout.

Sign-in and sign-up are focused tasks, so the logo stays still there. People should be able to enter details, use an invitation link, read privacy information, and recover an account without decorative motion competing for attention. A reduced-motion preference also keeps the logo static throughout the public site.

Use the logo so it stays recognisable.

Use the full lockup when Sairo is being introduced for the first time. The mark can stand alone in repeated or compact places where the name is already visible, such as an app icon, navigation treatment, or small brand signoff.

Give the artwork quiet space around its outer corners and test it at the size where it will actually appear. At small sizes, use the prepared mark instead of shrinking the full lockup until the “.app” lettering becomes difficult to read.

  • Keep the proportions, spacing, corner forms, and tonal signal point intact.
  • Place the logo on a surface where the outline and wordmark remain clearly visible.
  • Do not crop the frame, stretch the artwork, redraw the wordmark, or add another badge to the signal point.
  • Keep any movement subtle, brief, and tied to an intentional public-page interaction.

The identity should remain accessible.

A logo that appears on its own needs an accessible name. When it sits inside a link that is already named “Sairo home”, the vector artwork can be hidden from assistive technology so the same label is not announced twice.

The signal point must never be the only way to communicate a status or required action. Surrounding text and controls still need clear names, states, and sufficient contrast. Motion must respect reduced-motion settings, and the static logo must remain the complete identity.

  • Give an informative standalone logo the accessible name “Sairo”.
  • Hide decorative logo artwork when its surrounding link already provides the name.
  • Check the final background and theme rather than assuming the original colours will work everywhere.
  • Never use the signal dot alone to mean online, unread, loading, success, or error.

Common questions

Why are there two dots in the full logo?

The dot inside the mark is the point of attention in the conversation. The dot before “app” is the punctuation in the product name. Repeating the ink colour connects the symbol and wordmark without making them mean exactly the same thing.

Can the Sairo logo animate?

Yes, on public storytelling surfaces where a restrained movement supports the page. It should settle quickly, stay readable, respect reduced-motion preferences, and remain static on focused authentication pages.

When should the mark appear without the wordmark?

Use the mark alone when space is constrained or the Sairo name is already clear nearby. Use the full lockup when the audience may not yet recognise the symbol.

Is the signal dot a product status?

No. It is part of the brand artwork. Product states such as loading, availability, success, and errors need their own labelled interface patterns.

See what your website can answer.

Try a sample, review the result, and decide what comes next.