-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
346 lines (329 loc) · 17.2 KB
/
Copy pathindex.html
File metadata and controls
346 lines (329 loc) · 17.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>BlueprintAgentic — Agentic AI consulting</title>
<meta name="description" content="Consulting for agentic AI systems and the IT infrastructure they run on.">
<link rel="canonical" href="https://blueprintagentic.ai/">
<link rel="icon" href="assets/logos/favicon.ico">
<!-- Open Graph / social share -->
<meta property="og:type" content="website">
<meta property="og:site_name" content="BlueprintAgentic">
<meta property="og:url" content="https://blueprintagentic.ai/">
<meta property="og:title" content="BlueprintAgentic — Agentic AI consulting">
<meta property="og:description" content="AI transformation, technology strategy, and end-to-end engineering for startups and small and medium businesses.">
<meta property="og:image" content="https://blueprintagentic.ai/assets/og-card.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="BlueprintAgentic — Agentic AI consulting">
<meta name="twitter:description" content="AI transformation, technology strategy, and end-to-end engineering for startups and small and medium businesses.">
<meta name="twitter:image" content="https://blueprintagentic.ai/assets/og-card.png">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ProfessionalService",
"@id": "https://blueprintagentic.ai/#organization",
"name": "BlueprintAgentic",
"url": "https://blueprintagentic.ai/",
"logo": "https://blueprintagentic.ai/assets/logos/wordmark-blue.png",
"image": "https://blueprintagentic.ai/assets/og-card.png",
"description": "Agentic AI consulting, technology leadership, AI transformation, and end-to-end engineering for startups and small and medium businesses.",
"email": "contact@blueprintagentic.ai",
"founder": {
"@type": "Person",
"name": "Jason Morrissette",
"jobTitle": "Founder",
"sameAs": "https://www.linkedin.com/in/jason-morrissette-6704261b/"
},
"areaServed": [
{ "@type": "City", "name": "Boston" },
{ "@type": "AdministrativeArea", "name": "Greater Boston" },
{ "@type": "State", "name": "Massachusetts" },
{ "@type": "Place", "name": "New England" }
],
"address": {
"@type": "PostalAddress",
"addressRegion": "MA",
"addressCountry": "US"
},
"knowsAbout": [
"Agentic AI",
"AI transformation",
"Fractional CIO",
"Fractional CTO",
"Multi-agent systems",
"IT infrastructure",
"Technology strategy"
]
}
</script>
<link rel="stylesheet" href="css/style.css">
<style>
/* Hero A — Split layout: text left, workbench screenshot bleeds off the right edge */
.hero-split {
position: relative;
padding-top: clamp(3rem, 6vw, 5rem);
padding-bottom: clamp(4rem, 8vw, 7rem);
overflow: hidden;
}
.hero-split .row {
display: block;
position: relative;
}
.hero-split .txt { min-width: 0; max-width: 56ch; }
.hero-split .meta {
font-family: var(--mono);
font-size: 0.78rem;
letter-spacing: 0.02em;
color: var(--text-faint);
margin-bottom: 1.5rem;
display: inline-flex; align-items: center; gap: 0.5rem;
}
.hero-split .meta .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
.hero-split h1 {
font-size: clamp(2rem, 3.8vw, 2.85rem);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.15;
max-width: 18ch;
margin-bottom: 1.25rem;
}
.hero-split h1 em { color: var(--accent); font-style: normal; font-weight: 600; }
.hero-split .sub {
font-size: 1.0625rem;
line-height: 1.55;
color: var(--text-soft);
max-width: 45ch;
margin-bottom: 1.75rem;
}
.hero-split .cta { display: flex; gap: 0.6rem; flex-wrap: wrap; }
.hero-split .visual {
position: relative;
min-width: 0;
}
.hero-split .visual .frame {
position: relative;
width: 130%;
margin-right: -30%;
border: 1px solid var(--rule);
box-shadow: 0 30px 60px -24px rgba(9,31,56,0.18), 0 10px 20px -12px rgba(9,31,56,0.08);
background: white;
overflow: hidden;
}
.hero-split .visual img { width: 100%; height: auto; display: block; }
.hero-split .visual .tag {
position: absolute;
bottom: 0.9rem; left: 1.25rem;
font-family: var(--mono);
font-size: 0.72rem;
color: var(--text-soft);
background: rgba(255,255,255,0.94);
padding: 0.35rem 0.7rem;
border: 1px solid var(--rule);
}
@media (max-width: 960px) {
.hero-split .row { grid-template-columns: 1fr; }
.hero-split .visual .frame { width: 100%; margin-right: 0; }
}
.about-solo { max-width: 62ch; }
.about-solo h3 { font-size: 1.3rem; margin-bottom: 1rem; font-weight: 500; }
.about-solo p { margin-bottom: 0.85rem; font-size: 1rem; color: var(--text-soft); }
.about-solo .link {
display: inline-flex; align-items: center; gap: 0.4rem;
color: var(--accent); font-weight: 500; font-size: 0.9375rem;
border-bottom: 1px solid var(--accent);
padding-bottom: 2px;
margin-top: 0.5rem;
}
/* Team */
.team-lead { max-width: 60ch; font-size: 1.0625rem; line-height: 1.55; color: var(--text-soft); margin-bottom: clamp(2rem, 4vw, 3rem); }
.team-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(2rem, 5vw, 4rem);
}
@media (max-width: 760px) { .team-grid { grid-template-columns: 1fr; gap: 2.5rem; } }
.member .photo {
width: 132px; height: 132px;
border-radius: 50%;
overflow: hidden;
border: 1px solid var(--rule);
box-shadow: 0 18px 44px -26px rgba(9,31,56,0.28);
background: var(--bg-raised);
margin-bottom: 1.25rem;
}
.member .photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.member h3 { font-size: 1.3rem; font-weight: 500; letter-spacing: -0.01em; margin-bottom: 0.3rem; }
.member .role {
font-family: var(--mono);
font-size: 0.8rem;
letter-spacing: 0.02em;
color: var(--accent);
margin-bottom: 1rem;
}
.member p { font-size: 1rem; line-height: 1.55; color: var(--text-soft); margin-bottom: 0.85rem; }
.member .link {
display: inline-flex; align-items: center; gap: 0.4rem;
margin-top: 1rem;
color: var(--accent); font-weight: 500; font-size: 0.9375rem;
border-bottom: 1px solid var(--accent);
padding-bottom: 2px;
}
.member .link:hover { color: var(--text); border-color: var(--text); }
</style>
</head>
<body>
<header class="nav">
<div class="wrap inner">
<a class="brand" href="#" aria-label="BlueprintAgentic">
<img src="assets/logos/wordmark-blue.png" alt="Blueprint">
<span class="after">Agentic</span>
</a>
<ul>
<li><a href="#services">What We Do</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</header>
<section class="hero-split">
<div class="wrap">
<div class="row">
<div class="txt">
<h1><em>Technology leadership</em> for small and medium businesses.</h1>
<p class="sub">AI-led organizational transformation, technology strategy, and end-to-end technology engineering services for startups as well as small and medium businesses.</p>
</div>
</div>
</div>
</section>
<section id="services">
<div class="wrap">
<div class="section-head">
<h2>What we do.</h2>
</div>
<div class="services-list">
<div class="item">
<h3>Fractional CIO / CTO.</h3>
<p>Board-facing technology leadership when you need it. Areas include strategy, planning, technology and vendor selection, organizational design, budgets, program and product management, revenue expansion, compliance, fundraising, and acquisition transition.</p>
</div>
<div class="item">
<h3>AI transformation and enablement.</h3>
<div>
<p>Embedded AI like Microsoft Copilot is no longer enough. The new baseline is cross platform agentic tools. In order for a company to stay competitive, every business user needs tools like Claude Desktop, ChatGPT Desktop, Velum, n8n, OpenClaw or Blueprint Workbench inside their daily workflow. Tool selection, rollout, training, skills, agents and the workflow redesign that makes adoption stick across the organization.</p>
<p>This includes multi-agent systems, generative AI integrations, and the infrastructure that runs them. Custom-built where it makes sense, off-the-shelf where it doesn’t.</p>
</div>
</div>
<div class="item">
<h3>Engineering & implementation.</h3>
<div>
<p>When the strategy calls for new technology, we build it. Application, data, and infrastructure engineering. Networks, servers, and building systems.</p>
<p>We easily cross engineering disciplines — electrical, mechanical, software — to apply AI where it earns its place, as the agentic HVAC system at Riverside Mill demonstrates. And we cross technology layers: from core IT infrastructure to building systems like cameras and access control to business systems like inventory and regulatory audits.</p>
</div>
</div></div>
</div>
</section>
<section id="work">
<div class="wrap">
<div class="section-head">
<h2>Our Work.</h2>
</div>
<div class="work-cat">
<div class="cat-label">Custom Software Research & Development</div>
<p class="cat-lead">The practice builds custom agentic software where the off-the-shelf options don’t fit the work. Three examples:</p>
</div>
<div class="flagship">
<div class="art">
<img src="assets/workbench-preview.png" alt="Blueprint Agentic Workbench — multi-agent environment">
</div>
<div class="copy">
<h3>Blueprint Agentic Workbench</h3>
<p>A workbench for teams of AI agents working together the way human teams do. Multiple Claude, Gemini, and Codex agents running together — coordinating, communicating, dividing work, collaboratively resolving blockers, guided by standards, process and guidelines.</p>
<a class="link" href="products/blueprint-agentic-workbench.html">Read more →</a>
</div>
</div>
<div class="flagship" style="margin-top: clamp(2.5rem, 5vw, 4rem);">
<div class="art">
<img src="assets/case-studies/surveillance-broker/viewer-agent.png" alt="Surveillance Broker archive viewer and agent — camera list, wall-clock timeline, and footage-finding agent">
</div>
<div class="copy">
<h3>Surveillance Broker</h3>
<p>A camera archive you can talk to. Browse hundreds of cameras on a wall-clock timeline, search by what actually happened in the footage, and ask an agent to open the exact camera and time. Built on Frigate, the industry-standard open-source NVR, and augmented with locally installed AI — including person tracking — plus cross-system search that ties the cameras to your access control, inventory, and production systems.</p>
<a class="link" href="case-studies/surveillance-broker.html">Read more →</a>
</div>
</div>
<div class="flagship" style="margin-top: clamp(2.5rem, 5vw, 4rem);">
<div class="art">
<img src="assets/open-source/camera-feed-lab/dashboard.png" alt="Camera Feed Lab Chain Monitor dashboard — a streams table showing per-channel delivery percentage, FPS, and PASS status">
</div>
<div class="copy">
<h3>Camera Feed Lab</h3>
<p>A roomful of virtual security cameras without buying or wiring a single one. Open-source (MIT): serve configurable RTSP camera feeds from synthetic test patterns or approved recordings to develop and test any NVR, VMS, video wall, player, or analytics service — with the companion Chain Monitor to prove the video actually arrived, advanced, and rendered.</p>
<a class="link" href="open-source/camera-feed-lab.html">Read more →</a>
</div>
</div>
<div class="work-cat" style="margin-top: clamp(2.5rem, 5vw, 4rem);">
<div class="cat-label">End-to-End Agentic IT Services</div>
<p class="cat-lead">Network, security, power, building systems, business systems — all of it, with agents woven through. An example:</p>
</div>
<div class="feature">
<div>
<h3>Riverside Mill Complex</h3>
<p>Riverside Mill Complex is a 240,000 square foot brick former papermill built in the 1890s. It was converted to a multi-tenant commercial and light manufacturing facility. We service the building as a whole and five co-located businesses. We delivered the entire technology stack.</p>
<p><b>Infrastructure.</b> Building-wide network and WiFi with tenant segmentation. Managed switching, servers, routers, firewalls. Full IP camera system. Access control for every tenant profile. UPS infrastructure and a generator capable of carrying the full building through extended outages.</p>
<p><b>End User AI.</b> Implementation and enablement of end-user tools including Claude Code, ChatGPT Desktop, Microsoft Copilot, and Gemini within Google Workspace. Use cases include camera system management and clip retrieval, access control management with multi-system synchronization, inventory management, data collection and report production for regulatory compliance, regulatory audits, market and regulatory research, customer service automation, email monitoring and routing, and manufacturing production management and forecasting.</p>
<p><b>Custom Solution.</b> Agentic industrial HVAC system with full heat recovery. We designed the mechanical and electrical, specified the control hardware, wired the sensor network, and wrote the agentic control software that runs it. The software was designed and built with Blueprint Workbench. Production, 24/7. Node-RED, Modbus, Python, Raspberry Pi, Ollama, Qwen, PostgreSQL. Temperature, pressure, humidity, TDS, and flow sensors. Industrial VFDs, boilers, filtration, peristaltic anti-corrosion dosing, evaporative cooling towers, water-source heat pumps.</p>
<a class="link" href="case-studies/riverside-mill-complex.html">Read more →</a>
</div>
<div class="visual">
<img src="assets/case-studies/riverside-mill-complex/mechanical-room-crop.png" alt="3D model of the Milton Hilton mechanical room — heat pump plant with main distribution headers and circulation pumps" style="width:100%;height:auto;display:block;border:1px solid var(--rule);">
</div>
</div>
</div>
</section>
<section id="team">
<div class="wrap">
<div class="section-head">
<h2>Team.</h2>
</div>
<p class="team-lead">A small, senior team — people who have led and shipped technology at scale, and still build with their own hands.</p>
<div class="team-grid">
<div class="member">
<div class="photo"><img src="assets/team/j-morrissette.jpg" alt="J. Morrissette"></div>
<h3>J. Morrissette</h3>
<div class="role">Founder · A technology operator who builds</div>
<p>Thirty years leading and transforming technology organizations, with CIO, CTO, and board-level roles at companies large and small, across mergers and acquisitions, startups, rescues, and turnarounds. Most recently Global Head of Service Delivery and Customer Success at Marsh McLennan (2,000+ applications, 150,000 users) and Senior Director of Technical Operations at Oliver Wyman; founder who raised $9.4M to build Mill Town Agriculture from concept to revenue.</p>
<p>Master’s degrees in Business Administration and IT Engineering, MIT-certified in AI Engineering, with sixteen provisional patents in autonomous AI systems. He operates at the level of strategy, organization, and business outcomes — and builds the teams and systems that deliver them.</p>
<a class="link" href="https://www.linkedin.com/in/jason-morrissette-6704261b/" target="_blank" rel="noopener">LinkedIn →</a>
</div>
<div class="member">
<div class="photo"><img src="assets/team/matt-vance.jpeg" alt="Matt Vance"></div>
<h3>Matt Vance</h3>
<div class="role">A technology builder who operates</div>
<p>A hands-on architect and engineering leader with 20+ years building enterprise platforms — Chief Technology Officer at Cantor Gaming (a $1B+ wagering platform, among the first legal U.S. mobile sportsbooks) and Chief Architect across gaming, healthcare, and insurance. MIT graduate in EECS, Google Cloud Certified Architect, Johns Hopkins–certified in Applied Agentic AI, named inventor on four U.S. patents, and author of widely used open source (jest-fetch-mock, 1.5M weekly downloads).</p>
<p>Founder and CEO of TimelessSpaces.AI, where he built a full-stack, AI-orchestrated commerce platform end to end — and runs it as an operating business.</p>
<a class="link" href="https://www.linkedin.com/in/mattmorrissette/" target="_blank" rel="noopener">LinkedIn →</a>
</div>
</div>
</div>
</section>
<section id="contact" class="contact">
<div class="wrap">
<div class="section-head">
<h2>Start a conversation.</h2>
</div>
<p>The best way in is a short email telling us what you're trying to build — or what's gone sideways. We typically respond within one business day.</p>
<div class="lines">
<a href="mailto:contact@blueprintagentic.ai"><span class="k">Email</span>contact@blueprintagentic.ai</a>
</div>
</div>
</section>
<footer>
<div class="wrap inner">
<div>BlueprintAgentic · © 2026 · All rights reserved</div>
</div>
</footer>
</body>
</html>