Adyt
Adyt brand

When three views line up,
the conclusion appears

Three rings whose gaps are offset by 90°, and one dot at the center. While a conversation goes on, the rings stay offset. The moment the gaps line up, the conclusion at the center shows.

Adyt
Meaning

Rings are people, gaps are openness, the dot is the conclusion

The three rings are different people and points of view. Each is open on a different side, so they are usually out of line. When conversation lines the gaps up, a path opens from the outside to the center and the conclusion becomes visible. The center dot is the same dot as the period in the wordmark adyt.

Offset — still talking
Turning into line
Gaps in one line
The conclusion stays
Main reading · alignment

Line up, then conclude

The everyday mark is offset — the conversation is still going. Alignment is agreement; the dot is the conclusion.

Supporting reading · structure

Space · topic · you

When it needs explaining — from the outside in, the rings are the space, the topic and you. Every layer has a door (gap); invited people come in.

In illustration · flow

Words come and go; the conclusion stays

Only in empty states and onboarding art — small dots (words) pass through the gaps and the center dot remains. Never add them to the mark itself.

Construction

Dimensions

Grid
1000 × 1000, tile corner 225 (22.5%)
Ring radii
320 · 225 · 130 (center lines)
Ring stroke
56, round ends
Gaps
67° — centered at 45° · 135° · 225° (0° at top, clockwise). Each ring inward turns 90°
Dot
Radius 52, dead center
Small version (24px and below)
Two rings — radii 300 · 165, stroke 76, gaps 74° · 84° (45° · 225°), dot 64
Clear space
Keep at least one ring lane (10% of the mark width) empty around the mark
Color

Ink tile, white rings, rust dot

On dark screens the tile flips to light. The dot belongs to the product's signal (rust) family — light rust on a dark tile, deep rust on a light tile. No gradients or other colors.

Light

Tile #1C1D21
Rings #FFFFFF
Dot #EE8A63

Dark

Tile #F7F7F8
Rings #1C1D21
Dot #A83A18

In code these are the tokens --brand-tile · --brand-mark · --brand-dot; the wordmark period uses --brand-period.

Wordmark

adyt.

Outfit 700, lowercase, letter-spacing −0.015em. The period is a circle 0.19em across, set 0.05em from the t — a little larger than the font's own period. The letter outlines are fixed as SVG so no font has to load.

Adyt
Adyt

Lockup: keep the mark about as tall as the wordmark, with 0.3 × the mark height between them.

Size

Three rings down to 28px, two below

96
48
28 sidebar
24 small
16 favicon

Install icons (maskable) fill the whole tile and keep the rings inside the central 80% safe zone.

Motion

Turn, line up, and the dot lands

  • The middle ring turns −90° and the inner ring −180° to meet the outer gap (45°) · 700ms
  • Once aligned, the dot appears · 200ms, holds 600ms, then returns
  • Where: the first screen, “summarizing” → “summarized”. With reduced motion, only the last frame shows.

Waiting indicator

Adyt is summarizing…

While AI organizes, a line-only mark with no tile spins beside the text. Each ring turns at its own speed and direction; when the result arrives, the gaps line up (650ms), the dot appears (220ms), it holds for a moment, then the usual icon returns. If it ends without a result, no dot appears. Rings use the text color, the dot is rust. Used in topic summaries, thread suggestions and the Home quick input.

Don’t

Keep the gap order and the dot

Don’t fix the gaps in one lineAlignment is the last frame of the motion. The everyday mark is offset.
Don’t drop the dotThe dot is the conclusion. Rings without it become a different symbol.
Don’t use other tile colorsInk and its inverse only. No gradients either.
Don’t put light rust on a light tileNot enough contrast. On a light tile the dot is deep rust.
Files

Download SVG

Mark · lightDownload SVG
Mark · darkDownload SVG
Small version (24px and below)Download SVG
WordmarkDownload SVG