EOI Digital brand book.
The single source of truth for the EOI Digital brand. Logos, colors, typography, voice rules, and direct asset downloads. Built for agencies, partners, freelancers, and anyone shipping work under the EOI mark.
Operate like 125. Hire like 5.
EOI Digital builds fractional AI departments for funded teams under 50. Sales, Content, Ops, Support, each on a monthly retainer smaller than one salary, live in 14 days. The math is the pitch.
Fractional AI departments. Sales, Content, Ops, Support. Operated by AI agents under operator supervision. Monthly retainer per department.
Funded teams under 50 employees. Series A sweet spot. Founders running two jobs each who cannot afford an 18-month hiring ramp.
Operate like 125. Hire like 5. One retainer replaces 4 to 8 hires per function. Live in 14 days, on a monthly retainer.
The mark, the orb, the rules.
Orb + EOI + DIGITAL
Default for social profiles, OG images, partner decks, signature blocks. Square aspect ratio works for LinkedIn, X, Discord, Slack, app icons.
Download SVG →
Brand mark · no text
For favicons, mobile homescreen icons, in-app contexts where the brand name appears nearby, and any size below 48px where the wordmark stops being readable.
Download SVG →Maintain a minimum padding equal to the orb radius around the mark on all sides. Never crop the dark rounded square. Never let other elements enter the square.
Rule of thumb: if the orb is 64px wide, give the mark at least 32px of breathing room on every edge.
- Full lockup: 64×64 px minimum (text stops being readable below)
- Orb only: 16×16 px minimum (works as a favicon at 16px)
- Print: 12 mm minimum on either variant
The palette, click to copy hex.
Three fonts, each with one job.
Inter Tight
400 regular · 500 medium · 600 semibold · 700 bold
css: var(--font-inter-tight)
Operate like 125. Hire like 5.
Fraunces
300 light italic
css: var(--font-fraunces)
Smaller than one salary.
Geist Mono
500 medium uppercase
css: var(--font-geist-mono)
// Pricing · Live in 14 days
Four fractional departments, four colors.
Each department carries an orb icon, a color, a two-letter short code, and a tag line. They appear together as a visual system in the nav, the apply form, the OG images, and every dept landing page.
AI Sales Department
AI Content Department
AI Ops Department
AI Support Department
Buttons, cards, eyebrows, live previews.
Primary is solid white on the dark canvas, or solid dept-color background. Secondary is transparent with a 1px white-15 border. Both round-pill, with a -translate-y-0.5 hover lift.
Geist Mono · 11px · letter-spacing 0.25em · uppercase · prefixed with "//". Color is white/55 by default, switches to dept-color or accent for emphasis.
Card title
Card body. 14px line-height 1.55. Cards stack vertically. No drop-shadows on cards, ever.
Rounded-2xl · border white/8 · bg white/3. On hover, border lightens to white/18. Used for every grid item across the site.
Apply for a sprint.
Apply →Closing CTA band on every long page. Subtle gradient wash (135 deg), thin accent border, eyebrow + headline + button.
How EOI writes, and what it never does.
No em-dashes
The em-dash (—) is the most recognizable AI-writing tell. Use commas, periods, parentheses, or colons instead. Restructure if none fits.
No en-dashes
No ranges with –. Write "4 to 8" not "4–8". Write "12 to 24 months" not "12–24 months".
Banned phrases (hard list)
moreover, furthermore, dive deep, unlock, leverage, utilize, various, myriad, "whether you are", actually, really, very, just, "it is important to note". These are AI-prose tells.
4 to 7 sentence paragraphs
Varied length. Hand-built rhythm. No wall-of-text paragraphs, no two-word punchline-only paragraphs unless deliberate.
Sentence case
Always. Never Title Case, never ALL CAPS. Exception: short eyebrows in mono can run uppercase with letter-spacing.
Specific numbers beat hand-waving
"500 personalized touches per day" beats "scale outbound". "$40K per qualified opportunity" beats "expensive SDR motion". Numbers are the pitch.
No rhetorical questions answered next sentence
"Want results?" / "Here is how." is template-bot voice. Either ask and leave space, or state the thing directly.
Posts in the EOI voice, copy-paste ready.
LinkedIn first, X / Twitter second. No hashtags ever. No em-dashes, no banned phrases, no rhetorical questions answered next sentence. Math-led, specific numbers leading, sharp closing line. Five real posts plus five prompts for generating new ones in the same voice.
Two SDRs. 80 emails a day each. 1% reply rate. That is the default sales motion for ninety percent of funded teams under fifty. It is not a sales motion. It is a unit economics problem dressed up in HubSpot. Two reps gives you two qualified opportunities a month from outbound. Loaded cost: 200K a year. You are paying 40K per qualified opportunity before sales engineering, before discounting. Founders see this number once and run sales themselves for the next quarter. Which is worse. The fix is not another tool. It is a department. One monthly retainer, smaller than one SDR salary, ships 500 personalized touches a day. Replaces the headcount, not just supplements it. Live in 14 days. Math is the pitch.
Hiring a four-person team for one function: - Year 1 cost: 400K loaded - Time to full output: 18 months - Output ceiling: bounded by human hours Fractional AI department for the same function: - Year 1 cost: one monthly retainer smaller than one of those salaries - Time to full output: 14 days - Output ceiling: not bounded by human hours The math is not subtle.
Your COO spends six hours every Sunday stitching Stripe + HubSpot + Notion into a board update. That is a function. Not a side quest. Not an executive task. A function with an output that should be automated. Get your COO their Sunday back.
The 80-email SDR motion is broken. Not because cold outreach does not work. Because the labor math hits a ceiling at 80 templated emails a day per rep. To send 1000 personalized emails you need 10 SDRs. You will pay 2. The emails will not be personalized. Reply rates collapse. You hire more SDRs. Thread on what fixes this. ↓
Wonderlic, US assessment platform. After-hours support gap was killing CX. Before EOI Support Department: - After-hours response time: 18 hours - Tier-1 questions waiting for a human - Customers churning quietly After week 4: - After-hours response time: under 1 minute - KB-trained on a decade of help docs - Humans only see tickets that need a person Live in 14 days. Single monthly retainer.
Write a [PLATFORM] post in EOI Digital voice. Topic: [TOPIC]. Style: math-led, specific numbers, no em-dashes, no banned phrases (moreover, furthermore, dive deep, unlock, leverage, utilize, various, myriad, whether you are, actually, really, very, just, it is important to note). 4-7 sentence paragraphs. Sentence case. End with a one-line punchline or a clear next step. Output the post body only. No hashtags.
Write a LinkedIn post in EOI Digital voice about [TOPIC]. Structure: open with a specific scene or stat that hooks (1-2 sentences), name the structural problem in 1-2 short paragraphs, lay out the math (one paragraph), name the fix (one paragraph), close with a one-line punchline. Voice: math-led, no em-dashes, no fluff. Audience: funded SaaS founders under 50 employees. No hashtags.
Write a single X / Twitter post (under 280 characters) in EOI Digital voice about [TOPIC]. Voice: punchy, specific number leading, one observation, one implication. No em-dashes. No banned phrases (moreover, furthermore, leverage, utilize, actually, really, very, just). End with a sharp closing line. Plain text only. No hashtags.
Write the first tweet of an X / Twitter thread in EOI Digital voice about [TOPIC]. Structure: opening tweet must hook + announce the thread + use 4-5 short lines max with line breaks between them. End with 'Thread on what fixes this. ↓' or '↓'. Voice: math-led, specific numbers. No em-dashes. No banned phrases. No hashtags. Output the opening tweet only.
Write a LinkedIn mini case study in EOI Digital voice about [CLIENT NAME] in [INDUSTRY]. Format: 1-line scene-setter at the top, then before-EOI bullets with specific numbers, then after-week-4 bullets with specific numbers, then a single closing line ("Live in 14 days. Single monthly retainer."). Voice: math-led. No em-dashes. No banned phrases. No hashtags. Always use real client name and real or clearly-labeled estimate numbers.
Four feed-ready post mockups, with photo prompts.
Each card is a real-looking LinkedIn / Instagram / X post: avatar, body copy, image, reactions footer. The image area uses a composed SVG scene as the brand-accurate placeholder. Below each post, the exact Gemini Nano Banana prompt to swap the placeholder for a real photo via the banana skill. Click "copy prompt" to grab.
We rebuilt the function. One Sales Department, 24/7 warm outreach, live in 14 days. Watch what changes in week one ↓
Filipino male founder, late 30s, at a wooden home office desk at 11pm. Dark hoodie. MacBook Pro screen lit with a sales dashboard, cool screen glow on his glasses. Warm tungsten lamp backlight rim. Sony A7R IV, 35mm at f/1.8. National Geographic editorial.
Extreme close-up of an iPhone 16 Pro screen on a wooden desk, LinkedIn message notifications stacking: interested, lets talk, can we chat. Phone tilted 30°. Cool blue wash from window left. Canon EOS R5, 100mm macro at f/2.8. Wallpaper editorial.
The Sales Department sent 12,400 personalized emails. Generated $1.2M in pipeline. Replaced two FTEs at 18% of cost.
This is what one fractional department does. ↓
Wide-angle, Korean female founder, early 30s, glass-walled office at dusk, looking up at a 65-inch wall display with live pipeline dashboard. City skyline at blue hour behind. Sony Venice 2, 24mm at f/4. WIRED magazine feature.
8 slides on what changed. Swipe →
Vertical overhead flat-lay of a wooden desk at dawn. Open MacBook Pro showing Q1 board update slide. Half-empty coffee mug, leather notebook with fountain pen, small plant in white pot. Soft window light from top. Fujifilm X-T4 at f/4. Kinfolk editorial.
- Click "copy prompt" on any card to grab the Gemini Nano Banana photo prompt for that post.
- Paste into the banana skill:
/banana generate <prompt>with the aspect ratio set to match the card label. - Output: PNG at 2K. Convert to WebP for blog or JPEG for marketing. The composed SVG scenes are placeholders only.
- Each post mockup shows the full chrome (avatar, copy, image, reactions) so you can match the post body voice on the actual platform.
AI-generated photos with hard rules.
- Always specify ethnicity explicitly in the prompt (no defaults)
- Realistic, candid, founder energy
- Real workspaces, real laptops, real coffee
- Cross-cultural diversity by default
- Slight cool tone shift in post
- WebP for blog, JPEG for marketing collateral
- Default ethnicity (Gemini's default skews white-presenting)
- Stock-photo "team huddle" cliches
- AI hands or weird AI smiles (review every output)
- Suits, ties, formal-wear unless industry-specific
- Over-saturated colors, HDR fake glow
- PNG for marketing (use WebP or JPEG)
Five worked prompts, copy-paste ready.
Each prompt follows the briefing template: specific scene, explicit ethnicity, lighting, mood, framing, format. Paste into Gemini Nano Banana, GPT Image, or any image model. Click "copy" to grab the prompt verbatim.
Filipino male founder, late 30s, slight smile, sitting at a wooden desk with a MacBook Pro glowing. Warm tungsten desk lamp behind, cool screen reflection on his face. Soft focus background, candid documentary style, not posed. 3:2 portrait crop, shallow depth of field. Output WebP, 1500x1000.
Two founders working side by side on laptops at a co-working space. One Korean female, late 20s, in a dark hoodie. One Indian male, early 30s, in a grey t-shirt. Late afternoon natural light from floor-to-ceiling windows behind them. Realistic candid framing, slight cool tone shift. 16:9 cinematic, shallow depth of field. Output WebP, 1600x900.
Close-up of hands on a MacBook Pro keyboard at night. Screen reflection on the user glasses showing a CRM dashboard. Asian female founder, mid-30s, blurred behind hands. Dark workspace, single overhead spotlight. Editorial documentary style. 3:2 aspect, tight crop, shallow DoF. Output WebP, 1500x1000.
Latina female CEO, mid-40s, professional but warm, standing in a modern open-plan office. Slight smile, looking past camera. Soft natural light from a north-facing window. Cool grey wall behind her. Editorial portrait for a testimonial card. 4:5 portrait crop, medium close-up. Output WebP, 1200x1500.
Filipino male founder, mid-40s, on a small tech conference stage. Wearing a black sweater, holding a clicker. Dark stage with a single warm spotlight, blurred audience silhouettes in the foreground. Documentary candid moment, not posed. 16:9 telephoto compression. Output WebP, 1600x900.
Mesh + grain, the signature surface.
Layer 4 radial gradients on the dark base. Each ellipse uses one dept color. blur 70 to 80px, opacity 0.4, animated via meshDrift over 22s. Used as hero background and behind every feature section.
SVG noise pattern, opacity 0.03, mix-blend-mode overlay. Adds film texture without being visible. Applied above the mesh gradient on every hero. Defined in globals.css as .grain.
The orb is the language.
EOI does not use character illustrations or stock illustration packs. Every illustration is orb-based, gradient-driven, and abstract. Departments get their own colored orb. Cards get gradient accents. Hover states get colored glow halos. That is the system.
- Orb shapes (gradient radial fills, soft outer glow)
- Dept-colored gradient accents on cards (linear, 135deg)
- Mesh-gradient backgrounds for hero illustrations
- Geometric shapes built from rounded rects + circles
- Generate with Gemini Nano Banana, output WebP
- Stock illustration packs (Storyset, undraw, Humaaans, Blush)
- Character / people / mascot illustrations
- Flat 2D vector illustrations with bright colors
- Line icon sets that are not the dept orbs
- 3D rendered isometric scenes
Orb illustrations, five worked prompts.
Specific gradient stops, sizes, opacity, and transparency rules. Paste into Gemini Nano Banana or any image model and clean up the output in any vector tool if needed. Click "copy" to grab each prompt.
A single radial-gradient orb floating in a dark void. Gradient stops: sky-100 (#bfdbfe) at 22%, blue-400 (#60a5fa) at 58%, pink-400 (#f472b6) at 100%. Soft outer glow halo in matching blue, 50px blur radius. Orb diameter 60% of canvas. Centered. Transparent background. 1024x1024 PNG with alpha.
A small radial-gradient orb centered on a dark rounded square (8px corner radius). Orb diameter 32px, centered. Indigo gradient: #a5b4fc at top-left edge to #6366f1 at center to #4f46e5 at bottom-right. Soft glow halo behind orb in matching indigo, 16px blur, 30% opacity. Dark square background #0a0612. 48x48 PNG with alpha.
Four small orbs arranged in a loose diagonal cluster on a dark canvas. Left to right: indigo #6366f1, pink #ec4899, amber #f59e0b, blue #3b82f6. Each orb 24px diameter with a soft 12px-blur glow halo. Faint connecting glow lines between orbs at 5% opacity, 1px thick. Dark canvas #0a0612. 800x300 PNG.
Soft radial gradient mesh background for a card hover state. Single ellipse, 280px diameter, blur 60px. Color: dept-blue (#3b82f6) at center fading to transparent at 70%. Positioned at the top-right of the canvas at 110% offset (just out of frame). Transparent canvas. 400x400 PNG with alpha.
A soft glowing halo behind a circular orb. Orb 32px diameter in dept-amber (#f59e0b). Halo: same amber color at 30% opacity, 60px blur, soft circular falloff with no hard edge. Halo extends 40px beyond the orb. Transparent background. 128x128 PNG with alpha.
Real workspaces, late nights.
Every blog post gets one hero image (16:9) and one mid-post image (16:9 or 4:3). Style is photographic-realistic, dark environment, work scene. Never stock photos. Never abstract gradients in place of a real scene. Generated with Gemini Nano Banana following the brief template below.
The 11pm Support Queue
The Invoice Nobody Chased
Your CRM Is Not Your Pipeline
- Format: WebP (compressed to under 200KB)
- Hero: 16:9 aspect, 1600×900px source minimum
- Mid-post: 4:3 or 16:9, 1200px wide minimum
- Location: /public/blog/<slug>/hero.webp + mid.webp
- Reference in frontmatter: image: "/blog/<slug>/hero.webp"
- Real workspaces (desks, screens, hands, coffee)
- Founder energy (one person at a laptop after hours)
- Specific moments tied to the post topic
- Dark backgrounds, warm or cool screen glow
- Cross-cultural diversity (specify ethnicity in prompt)
[Specific scene tied to post]. Photorealistic, candid, [time of day]. Dark workspace, screens on, slight cool tone shift. [Specific ethnicity if person present]. 16:9 aspect, cinematic depth of field. No stock photo cliches, no AI hands.
Always fill the bracketed fields with specifics from the post. "A founder at her desk at 11pm" beats "a person working late". "Filipino founder, slight smile, MacBook glow" beats "founder working".
Filipino female founder, mid-30s, at her home office desk at 11pm. Single laptop screen showing an email inbox with 47 unread messages, one highlighted in blue. Cool screen glow on her face. Wearing a dark hoodie. Coffee mug half-finished in foreground. Documentary candid style, not posed. 16:9 aspect, cinematic depth of field. No AI hands, no AI smiles. Output WebP, 1600x900.
Close-up of an email inbox on a laptop screen at night. Multiple unread emails visible, one labeled OVERDUE highlighted in red. Dark room behind the laptop, slight cool tone shift on the screen glow. Realistic screen capture style, not a UI mockup. 16:9 aspect, sharp focus on screen. Output WebP, 1600x900.
Multi-monitor desk setup at night, three screens showing sales dashboards with charts and a CRM pipeline view. Soft purple ambient light from a key light off-camera left. Wooden desk surface visible. No person in frame. Documentary editorial style. 16:9 aspect, shallow depth on the center screen. Output WebP, 1600x900.
A stack of overdue paper invoices on a wooden desk. Top invoice marked 90 DAYS PAST DUE in red ink. Half-empty coffee mug nearby on the right. Soft warm window light from the side, dim warm tone. No person in frame. Editorial documentary style. 16:9 aspect, shallow DoF on the top invoice. Output WebP, 1600x900.
Close-up of a hand holding a black coffee mug in front of a glowing laptop screen showing a board update slide deck. Korean male hand. Dark workspace. Cool blue screen reflection on the mug rim. Documentary editorial style. 16:9 aspect, shallow DoF, sharp focus on the mug. Output WebP, 1600x900.
Three before-and-after pairs, read both sides.
Operate like 125. Hire like 5.
Scale your business with AI — unleash growth!
Replaces 4 to 8 SDR hires. Live in 14 days.
Replaces 4–8 SDR hires. Live in 14 days — really fast!
Your COO spends six hours every Sunday stitching dashboards.
In today's competitive landscape, leveraging AI is crucial for COOs.
Hosted SVGs, paste these URLs anywhere.
If you are building under the EOI mark, just ask.
Edge cases on this guide get resolved fast. Email Roy with the specific application + a screenshot if it helps.