Loading &
Thinking.

States for when the agent is working. These components are intentional exceptions to the 1px linework rule — the parrot bubble is the mascot's speech bubble, not UI chrome. Its rounded silhouette is the brand shape.

Parrot bubble · typing indicator · skeleton loader

↑ Design rule exception — The parrot bubble (rx=20, rx=13) and typing bubble (border-radius: 10px) deliberately exceed the 2px cap that governs all other UI chrome. The bubble is the mascot. The rounded shape is part of the brand mark, not a generic container.

L · 01PARROT THINKING BUBBLE · CANONICAL INDICATOR

S · 44PX · CHAT LIST

M · 72PX · CHAT DETAIL

L · 96PX · FULL SCREEN

SVG SOURCE — copy into any surface. Scale by changing width/height only.

<!-- Canonical parrot — scale by adjusting width/height only, keep viewBox -->
<img src="/brand/assets/mascot-coral.svg" width="72" height="83" alt="Beora parrot" />

<!-- Aspect ratio: 540 × 624 (w:h = 0.865). Width = height × 0.865 -->
<!-- Source: apps/landing/brand/assets/mascot-coral.svg -->

L · 02PLAIN TYPING BUBBLE · CORAL = HUMAN · IODINE = AGENT

● HUMAN · CORAL

Patient · Group member

● AGENT · IODINE

Beora · System · Dashboard

AGENT · DARK SURFACE

/demo · Night mode

INLINE TEXT

Beora is thinking

Status bar / header

L · 03SKELETON LOADER · CORAL = WIKI / PATIENT · IODINE = AGENT / SYSTEM

● CORAL · WIKI / PATIENT

Wiki compile in progress · care plan loading

● IODINE · AGENT / SYSTEM

Agent composing response · system initialising

← Components BEORA · BRAND · 06 · LOADING Downloads →

Loading &Thinking.

Loading &
Thinking.