Bobby Inbox is where the important signal rises above the noise.

Bobby Inbox exists for teams whose most important work arrives as a message. The identity is built on one idea: volume is not the problem — losing the signal inside it is. Every element of this system, from the three descending rows of the mark to the single yellow status dot, is a restatement of that idea in visual form.

Bobby Inbox is an AI-assisted shared inbox, email-routing and communication-operations platform for teams. Email is the first channel; other channels come later.

• A workspace can receive email directly at a Bobby Inbox address, or through forwarding from an address the team already uses.
• Every message remains visible inside its Bobby Inbox channel. Forwarding never makes a message disappear from where the team is looking.
• Teams organise, tag, assign and respond together, from one shared view rather than from separate personal mailboxes.
• Routing and delivery activity remains auditable: what arrived, what rule matched, who was assigned, what was sent and what the receiving server said.
• AI assistance is optional and controlled by the workspace. It summarises and suggests; a person decides and sends.
• API access is an optional add-on. MCP is Coming soon.

A workspace where every inbound conversation — whatever channel it arrives on — has one visible home, one accountable owner and one traceable history. Assistance handles the reading; people keep the judgement.

• Positioned on visibility and accountability, not on speed claims or inbox-zero rhetoric.
• AI is positioned as optional assistance under workspace control — never as autonomy.
• Never position against a named competitor, and never borrow competitor product language.

• Consolidate a shared address so several people work one queue instead of forwarding between themselves.
• Forward an existing address into a channel while keeping every message visible in that channel.
• Route by rule — sender, subject, tag or address — and see which rule matched.
• Assign ownership so a thread is never everyone's and therefore no one's.
• Review a delivery audit when a customer says they never received a reply.
• Ask for an optional AI summary of a long thread before answering it.

Bobby Inbox started from a familiar failure: a message arrives, someone forwards it, and it quietly leaves the place everyone is watching. Days later nobody can say where it went or who had it. The fix was not another notification — it was a shared surface where forwarding adds visibility instead of removing it, where priority is a property of the message rather than a memory of a person, and where the history of a message can be read back in order. Signal Stack is that story drawn: rows of arriving communication, resolving into order, with the one that matters marked.

The primary logo is the horizontal lockup: Signal Stack symbol, a fixed gap, and the Bobby Inbox wordmark. Use it wherever there is room for it.

The horizontal wordmark is the primary lockup used in navigation bars, email headers and document headers, where vertical space is the constraint.

The stacked lockup centres the symbol above the wordmark. Use it in square or near-square containers: avatars with room for type, presentation covers, merchandise and signage.

The standalone brand icon is the Signal Stack symbol on its own. Use it once the wordmark is already established in context: app icons, avatars, favicons, in-product chrome.

Below 24px the full geometry loses its rhythm, so the mark simplifies rather than blurs: rows thicken from 9 to 11px, opacity is dropped so every row is solid, and the status dot grows to r=13 so it survives as a readable disc at 16px.

The mark is drawn on a 64×64 grid with a 6px optical margin. Every value below is fixed; do not redraw the mark by eye.

Clear space equals the height of one signal row — 9 units at mark scale, or one quarter of the symbol's height. Nothing may enter this zone: no type, no rule, no image edge, no button.

Tested at every size in the family. Do not enlarge a raster export — always scale the SVG or use the next size up.

• Symbol minimum: 16px (micro build below 24px).
• Horizontal lockup minimum: 104px wide — below this the wordmark counters close up.
• Stacked lockup minimum: 72px wide.
• Print minimum for the symbol: 6mm.

• Canvas

• Deep Aubergine

• Aubergine

• Black

• Bobby Yellow

• White

For single-colour reproduction — engraving, embroidery, fax-grade print, watermarks — the dot takes the same colour as the rows and all rows become solid. Never simulate the yellow with a tint or a screen.

Each tile above is a deliberate example of what not to do.

• Do not redraw, re-space or re-letter the wordmark.
• Do not place the lockup on a photograph without a solid brand panel behind it.
• Do not use the emoji, an icon-font glyph or a screenshot in place of the mark.
• Do not add a tagline inside the clear-space zone.

Five flat colours. No gradients, no tints beyond the documented row opacity inside the mark, and no substitutions for Bobby Yellow.

CMYK values are conversions from sRGB and must be re-profiled against the final press condition before production printing.

Proportion is what keeps the yellow meaningful. Roughly 60% neutral surface, 30% aubergine family, 8% ink, 2% Bobby Yellow.

• One yellow element per view carries the priority meaning; a second one destroys it.
• Dark sections invert the ratio: Deep Aubergine surface, Canvas text, yellow still at 2%.
• Never fill a full page or a full section background with Bobby Yellow.

Ratios below are calculated from the canonical HEX values using the WCAG 2.1 relative luminance formula. Where a pairing is not listed, calculate it before use rather than assuming.

• Two families, no third. A monospace fallback is permitted for message IDs and audit values only.
• Sentence case everywhere except the wordmark, which is title case: Bobby Inbox.
• Never letterspace lowercase body text; never use Space Grotesk below 14px.

• Inbox rows: DM Sans 14/1.45. Sender in Medium, subject in Regular muted, metadata at 11px uppercase with 0.1em tracking.
• Buttons: DM Sans Medium 14, no letterspacing, sentence case — 'Create a channel', not 'CREATE A CHANNEL'.
• Numerals: tabular figures for counts, timestamps and audit tables so columns do not jitter.
• Truncate with an ellipsis at one line in list rows; never wrap a subject to three lines.
• Minimum interface text size is 12px, and 12px is reserved for metadata only.

Line icons at 1.75px stroke on a 24px grid, rounded caps and joins to echo the mark's 4.5-unit radius. Lucide is the source library; icons are never filled except for the status dot, which is the mark's own language.

• Yellow is reserved for priority and status. An icon is never yellow just for emphasis.
• Sparkles marks assistance and only assistance — never speed, quality or automation.
• Never draw a routing arrow that leaves the frame: routing moves within Bobby Inbox, it does not move messages away.

Illustration is geometric and diagrammatic: the same rounded-pill row as the mark, arranged into stacks, queues, lanes and rules. Flat fills only, three colours maximum per illustration, no outlines, no isometric perspective, no characters.

Photography is quiet, real and workplace-adjacent: desks, materials, printed matter, signage. Low saturation, one warm light source, generous negative space for the mark to sit in. Never stock-style people pointing at screens, and never a competitor interface.

• AI-generated imagery must contain no generated text or lettering.
• The Signal Stack mark is applied after generation from the real vector file.
• No fake customer brands, logos, endorsements or competitor interfaces.
• Keep the flat-colour brand language: no gradient overlays, no glow, no colour grading toward teal-orange.

Motion explains a change of state and then stops. Durations are 120–420ms, easing is cubic-bezier(0.2, 0.8, 0.2, 1) for entrances and (0.4, 0, 0.2, 1) for progress. The studies below are code-driven specimens, not the product film.

• Signal Stack reordering: rows animate with FLIP transforms at 280ms so the eye can follow which row moved.
• Delivery success: a single checkmark draw at 200ms. Failure: a 120ms shake of 3px, never red flashing.
• Teammate assignment: the avatar scales 0.9 → 1 at 160ms; the row border shifts colour, no bounce.
• AI summary: the card expands in height at 220ms with content fading in at 120ms delay — it never types character by character.
• Page transitions: 160ms cross-fade only. No slide, no parallax, no scroll-jacking.
• Hover and focus: 120ms colour transitions; the focus ring appears instantly and is never animated away.
• Reduced motion: prefers-reduced-motion:reduce removes all of the above, leaving instant state changes. Implemented globally across the site.

The canonical Bobby Inbox product film. It is a 27-second silent, code-driven animation of the interface concept at 1920×1080 and 30fps — no stock footage, no generated interface, no music. Every frame uses the real Signal Stack geometry and the flat brand palette, and the film is designed to be understood muted.

• Sequence: inbound address → channel arrival → conversation opens → optional AI summary and priority → routing rule and forwarding progress → delivery confirmed → teammate assignment → internal comment → shared reply drafted → reply sent → mobile view.
• Timing is calm: reveals run 14–22 frames with a cubic ease-out, and nothing moves purely for decoration.
• Captions are burned in for muted viewing and also supplied as a WebVTT track plus a plain-text transcript.
• Reduced-motion alternative: the homepage offers the same interface as a still concept, and the film never autoplays.

Radius 12px on containers, 8px on controls, 999px on status dots and pills. One-pixel borders, no shadows deeper than a 1px hairline, no gradient fills.

Brand-language examples only — static compositions with sample data that show how the visual system behaves in the product.

• Sentence case everywhere. Title case only for the product name.
• Lead with what happened, then what it means, then what to do.
• Prefer verbs to nouns: 'route this message', not 'message routing functionality'.
• Say who acted. 'Sam assigned this to you' beats 'this was assigned'.
• Never blame the reader. An error explains the system's state, not the user's mistake.
• Numbers are specific or absent — no 'blazing fast', no unverified percentages.
• British or American spelling may be chosen per market, but never mixed within a surface.

Profiles use the Deep Aubergine avatar; covers use the horizontal lockup on a flat brand surface with the wordmark inside the platform's safe area. One idea per post, one yellow element per image.

• Header: horizontal lockup, left aligned, 24px clear space, Deep Aubergine band.
• Body: DM Sans 16/1.6 Ink on white, 600px content column, single call to action.
• Footer: wordmark, workspace name, and a plain-language reason the message was sent.
• Always ship a plain-text alternative; the brand must survive with no images loaded.

• Invoices and documents use the black or single-ink lockup for reliable print reproduction.
• Tabular figures for all amounts; Ink on white only.
• Yellow appears at most once, as a 3px rule under the document title.

• Cover: Deep Aubergine field, stacked lockup, one line of Space Grotesk Bold.
• Content slides: Canvas background, one idea per slide, max 24 words.
• Section dividers invert to Deep Aubergine with a single yellow dot as the marker.

• Merchandise carries the symbol alone or the stacked lockup — never a stretched horizontal lockup across a curved surface.
• Single-colour print uses the monochrome build; the dot is never simulated with a screen or tint.
• Environmental signage keeps the full clear space and never sits on a photographic background.

All production assets live under /images/ with lowercase, hyphenated names. Archives live under /images/kits/.

• SVG is the master for every vector asset; PNG exports are generated from it, never traced back.
• PNG for transparency and platform uploads, JPG for photographic mockups, WebP where a lighter web copy helps.
• ICO is provided for the favicon only, as a multi-resolution file.
• Square assets are genuinely 1:1 — circular presentation is CSS in the preview, never a crop baked into the file.

Every file below is a real generated asset served from /images/. Each download link points at the file it previews.