Primary — light background
Brand guidelines
Simple. Fast. Recognizable.
A compact visual system built around one strong chat-and-speed symbol, one bright blue, and one deep navy.
Logo
The icon carries the product identity. The wordmark stays dark navy for contrast and a more mature brand feel.
Reversed — dark background
Color
Keep the core palette tight. Rappid Blue does the attention work; Rappid Navy anchors typography and UI.
Rappid Blue
RGB 41 · 131 · 233
#2983E9Rappid Navy
RGB 13 · 29 · 69
#0D1D45White
RGB 255 · 255 · 255
#FFFFFFCanvas
#F5F7FBMuted
#6D7890Line
#E7EBF2Typography
The wordmark uses a heavy rounded sans style. For product UI, keep typography clean and neutral: Inter.
Wordmark character
Rappid
Aa Rr
Heavy · rounded · friendly · confident
Recommended UI hierarchy
Heading
Section title
Body copy stays neutral and highly readable.
Inter Variable · -apple-system / system-ui
App icon
At small sizes, the symbol must stay visually dominant. Avoid gradients and extra decoration.
Scale test
128 px72 px40 px24 pxDock context
◉
•
●
On a dark dock or tile, a white stage gives the Rappid mark enough contrast — the mark file itself stays transparent.
Usage
Consistency matters more than decoration. The symbol should remain simple and immediately recognizable.
Clear space
Minimum clear space = 1 dot. Keep that space free of text, borders, or other brand elements.
1 dot1 dot
Usage
✓
Keep the icon flat. Use one solid Rappid Blue.
✓
Use white for the three dots. They are part of the recognizable silhouette.
✓
Keep the wordmark navy. This gives the bright icon a stable counterpart.
×
Do not add gradients. They weaken the new simplified direction.
×
Do not stretch or rotate. Keep the icon proportions fixed.
×
Do not add more speed lines. The current silhouette is intentionally minimal.
Rappid brand page · Primary blue #2983E9 · Primary navy #0D1D45