Rippletide brand
The safety layer for AI agents that need write access to business systems. This page lists the canonical color palette, logo, typography, and usage guidelines. For programmatic access, see the machine-readable manifest below.
Colors
primary#2b2c5fPrimary text and UI
accent#ff8a63Primary accent (coral)
accentStrong#ff7aa8Secondary accent (pink)
background#fbf8f4Page background (cream)
coral#ef8c6bCoral
pink#f4a0b0Pink
cream#fdf8f4Cream surface
muted#61649bSecondary text
success#22c55eSuccess and positive signal
Logo
- Variant
- Symbol (circle mark)
- Download
- SVG
- Usage
- The standalone circular mark, no wordmark. Use where a compact, square logo is needed (avatars, app icons, favicons). Do not recolor. For monochrome usage, use solid #2a2a64 (navy).
Typography
display
The decision context graph for AI agents.
Poppins (fallbacks: system-ui, -apple-system, sans-serif) | weights 400, 500, 600, 700, 800
body
The decision context graph for AI agents.
Poppins (fallbacks: system-ui, -apple-system, sans-serif) | weights 400, 500, 600
mono
The decision context graph for AI agents.
JetBrains Mono (fallbacks: SF Mono, Fira Code, monospace)
Usage guidelines
- Use #2b2c5f (primary) for body text and headings on light surfaces.
- Use #ff8a63 (accent) for primary calls-to-action and key highlights.
- Pair Poppins for display and body with JetBrains Mono for code samples.
- Maintain clear space of at least 0.5x logo height around the mark.
- Do not recolor the logo. For monochrome usage, use solid #2a2a64 (navy).
- Use #fbf8f4 (cream) for light surfaces and #141136 (navy deep) for dark surfaces.