DESIGN GUIDELINES
██╗ ██╗██╗ ██╗███╗ ███╗ █████╗ ███╗ ██╗ ██████╗ ███████╗██╗ ██╗ █████╗ ██╗ ██╗██╗ ██████╗ ██████╗ ██║ ██║██║ ██║████╗ ████║██╔══██╗████╗ ██║ ██╔══██╗██╔════╝██║ ██║██╔══██╗██║ ██║██║██╔═══██╗██╔══██╗ ███████║██║ ██║██╔████╔██║███████║██╔██╗ ██║ ██████╔╝█████╗ ███████║███████║██║ ██║██║██║ ██║██████╔╝ ██╔══██║██║ ██║██║╚██╔╝██║██╔══██║██║╚██╗██║ ██╔══██╗██╔══╝ ██╔══██║██╔══██║╚██╗ ██╔╝██║██║ ██║██╔══██╗ ██║ ██║╚██████╔╝██║ ╚═╝ ██║██║ ██║██║ ╚████║ ██████╔╝███████╗██║ ██║██║ ██║ ╚████╔╝ ██║╚██████╔╝██║ ██║ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝ ╚═════╝ ╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═══╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝
██████╗ ██████╗ █████╗ ███╗ ██╗██████╗ ██╗███╗ ██╗ ██████╗ ██╔══██╗██╔══██╗██╔══██╗████╗ ██║██╔══██╗██║████╗ ██║██╔════╝ ██████╔╝██████╔╝███████║██╔██╗ ██║██║ ██║██║██╔██╗ ██║██║ ███╗ ██╔══██╗██╔══██╗██╔══██║██║╚██╗██║██║ ██║██║██║╚██╗██║██║ ██║ ██████╔╝██║ ██║██║ ██║██║ ╚████║██████╔╝██║██║ ╚████║╚██████╔╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝╚═════╝ ╚═╝╚═╝ ╚═══╝ ╚═════╝
Official guidance for using Human Behavior trademarks, logos, and brand assets. For press or permission requests, contact founders@humanbehavior.co.
Download media kitThe “Human Behavior” name, our wordmark, grid mark, and other trademarks are property of Human Behavior. These guidelines help partners, customers, developers, press, and anyone else using our brand understand how to display our marks correctly in their own materials.
When in doubt, use the assets from the media kit and ask before inventing a variation.
We took a lot of inspiration from Attio, Vercel, Hex, Notion, and Greptile. For the agents building step specifically, we looked at OpenAI — they have a very clean process, and we wanted that same clarity when someone is configuring an agent.
There's a lot to innovate on in a startup. Design is the one place we feel it's best to take cues from others — people already know how certain surfaces should feel, and fighting that for novelty's sake just slows everyone down.
Our logo is the most direct expression of the brand — an ANSI Shadow lockup of “HUMAN BEHAVIOR.” Proportions are fixed; it may scale freely but should never be stretched, condensed, or redrawn. Use light-on-dark, dark-on-light, or light-on-brand-blue depending on contrast.
██╗ ██╗██╗ ██╗███╗ ███╗ █████╗ ███╗ ██╗ ██║ ██║██║ ██║████╗ ████║██╔══██╗████╗ ██║ ███████║██║ ██║██╔████╔██║███████║██╔██╗ ██║ ██╔══██║██║ ██║██║╚██╔╝██║██╔══██║██║╚██╗██║ ██║ ██║╚██████╔╝██║ ╚═╝ ██║██║ ██║██║ ╚████║ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝
██████╗ ███████╗██╗ ██╗ █████╗ ██╗ ██╗██╗ ██████╗ ██████╗ ██╔══██╗██╔════╝██║ ██║██╔══██╗██║ ██║██║██╔═══██╗██╔══██╗ ██████╔╝█████╗ ███████║███████║██║ ██║██║██║ ██║██████╔╝ ██╔══██╗██╔══╝ ██╔══██║██╔══██║╚██╗ ██╔╝██║██║ ██║██╔══██╗ ██████╔╝███████╗██║ ██║██║ ██║ ╚████╔╝ ██║╚██████╔╝██║ ██║ ╚═════╝ ╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═══╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝
██╗ ██╗██╗ ██╗███╗ ███╗ █████╗ ███╗ ██╗ ██║ ██║██║ ██║████╗ ████║██╔══██╗████╗ ██║ ███████║██║ ██║██╔████╔██║███████║██╔██╗ ██║ ██╔══██║██║ ██║██║╚██╔╝██║██╔══██║██║╚██╗██║ ██║ ██║╚██████╔╝██║ ╚═╝ ██║██║ ██║██║ ╚████║ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝
██████╗ ███████╗██╗ ██╗ █████╗ ██╗ ██╗██╗ ██████╗ ██████╗ ██╔══██╗██╔════╝██║ ██║██╔══██╗██║ ██║██║██╔═══██╗██╔══██╗ ██████╔╝█████╗ ███████║███████║██║ ██║██║██║ ██║██████╔╝ ██╔══██╗██╔══╝ ██╔══██║██╔══██║╚██╗ ██╔╝██║██║ ██║██╔══██╗ ██████╔╝███████╗██║ ██║██║ ██║ ╚████╔╝ ██║╚██████╔╝██║ ██║ ╚═════╝ ╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═══╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝
██╗ ██╗██╗ ██╗███╗ ███╗ █████╗ ███╗ ██╗ ██║ ██║██║ ██║████╗ ████║██╔══██╗████╗ ██║ ███████║██║ ██║██╔████╔██║███████║██╔██╗ ██║ ██╔══██║██║ ██║██║╚██╔╝██║██╔══██║██║╚██╗██║ ██║ ██║╚██████╔╝██║ ╚═╝ ██║██║ ██║██║ ╚████║ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝
██████╗ ███████╗██╗ ██╗ █████╗ ██╗ ██╗██╗ ██████╗ ██████╗ ██╔══██╗██╔════╝██║ ██║██╔══██╗██║ ██║██║██╔═══██╗██╔══██╗ ██████╔╝█████╗ ███████║███████║██║ ██║██║██║ ██║██████╔╝ ██╔══██╗██╔══╝ ██╔══██║██╔══██║╚██╗ ██╔╝██║██║ ██║██╔══██╗ ██████╔╝███████╗██║ ██║██║ ██║ ╚████╔╝ ██║╚██████╔╝██║ ██║ ╚═════╝ ╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═══╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝
██╗ ██╗██╗ ██╗███╗ ███╗ █████╗ ███╗ ██╗ ██║ ██║██║ ██║████╗ ████║██╔══██╗████╗ ██║ ███████║██║ ██║██╔████╔██║███████║██╔██╗ ██║ ██╔══██║██║ ██║██║╚██╔╝██║██╔══██║██║╚██╗██║ ██║ ██║╚██████╔╝██║ ╚═╝ ██║██║ ██║██║ ╚████║ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝
██████╗ ███████╗██╗ ██╗ █████╗ ██╗ ██╗██╗ ██████╗ ██████╗ ██╔══██╗██╔════╝██║ ██║██╔══██╗██║ ██║██║██╔═══██╗██╔══██╗ ██████╔╝█████╗ ███████║███████║██║ ██║██║██║ ██║██████╔╝ ██╔══██╗██╔══╝ ██╔══██║██╔══██║╚██╗ ██╔╝██║██║ ██║██╔══██╗ ██████╔╝███████╗██║ ██║██║ ██║ ╚████╔╝ ██║╚██████╔╝██║ ██║ ╚═════╝ ╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═══╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝
The grid mark is our compact symbol — a structured field that nods to session layouts, product surfaces, and the idea that behavior becomes clear when you can see the whole picture. Use it alone only when the full wordmark won't fit (favicons, avatars, tight UI). Prefer the wordmark whenever space allows.
Brand blue is the primary identity color. The smaller accents below are optional product themes — not core brand colors. Neutrals carry surfaces, borders, and body text. Click a swatch to copy its hex.
Product and marketing UI use Inter for interface copy — clear, geometric, and familiar. The brand wordmark itself is rendered in ANSI Shadow (monospace block form) and should not be approximated with another display face.
Human Behavior
Medium · for titles and UI emphasis
Regular · for body copy, captions, and denser product text. Keep tracking tight and line lengths readable.
Mono · for codes, hex values, and technical labels
When pairing our wordmark with a partner logo, keep spacing balanced and hierarchy clear. Don't crowd the marks. Match heights where you can, use approved color formats, and never distort either logo. Co-branded materials should be reviewed by both parties before they ship.
██╗ ██╗██╗ ██╗███╗ ███╗ █████╗ ███╗ ██╗ ██║ ██║██║ ██║████╗ ████║██╔══██╗████╗ ██║ ███████║██║ ██║██╔████╔██║███████║██╔██╗ ██║ ██╔══██║██║ ██║██║╚██╔╝██║██╔══██║██║╚██╗██║ ██║ ██║╚██████╔╝██║ ╚═╝ ██║██║ ██║██║ ╚████║ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝
██████╗ ███████╗██╗ ██╗ █████╗ ██╗ ██╗██╗ ██████╗ ██████╗ ██╔══██╗██╔════╝██║ ██║██╔══██╗██║ ██║██║██╔═══██╗██╔══██╗ ██████╔╝█████╗ ███████║███████║██║ ██║██║██║ ██║██████╔╝ ██╔══██╗██╔══╝ ██╔══██║██╔══██║╚██╗ ██╔╝██║██║ ██║██╔══██╗ ██████╔╝███████╗██║ ██║██║ ██║ ╚████╔╝ ██║╚██████╔╝██║ ██║ ╚═════╝ ╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═══╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝
When mentioning the company in press materials, identify Human Behavior as the product-analytics and session-replay platform building the context layer for agents — one install to collect behavior, AI to understand it, and agents that act on it.
Use the full name “Human Behavior” on first mention. Don't invent abbreviations for external materials without approval. Don't use our product or mark names in your app title, company name, or domain in a way that suggests you are us.
“Marks” means anything we use to identify our goods or services — names, logos, icons, and design elements. By using Human Behavior Marks, you agree that we own them and that goodwill from your use accrues to us.
For logo permission, guideline questions, or anything beyond the cases above, email founders@humanbehavior.co.
Download approved assets from the media kit.