Apex: DevEx Operating Model MVP

.Jules/apex.md

@@ -22,3 +22,5 @@ Prefer visitor-facing craft on live surfaces (Home, Work, Biography, Contact, an
 ## 2026-05-26 - Product Manifesto | Signal: Product Leadership "Guiding Principles" trend | Lean Implementation: Isolated experimental route, uses Hero/Icon primitives, ~45 lines delta.
 
 ## 2026-05-27 - Strategic Reading List | Signal: Portfolio "Bookshelf" trend | Lean Implementation: Isolated experimental route, static data array, uses Hero/Pill/Icon primitives, ~48 lines delta.
+
+## 2026-05-28 - DevEx Operating Model | Signal: Product Leadership "Operating Model" trend | Lean Implementation: Isolated experimental route, static pillar array, flag-gated, ~40 lines delta.

src/content.config.ts

@@ -27,6 +27,7 @@ export const collections = {
       enable_logo_wobble_v1: z.boolean().default(false),
       enable_cta_tactile_v1: z.boolean().default(false),
       enable_theme_toggle_tactile_v1: z.boolean().default(false),
+      enable_operating_model: z.boolean().default(false),
     }),
   }),
 };

src/content/flags/config.json

@@ -7,5 +7,6 @@
   "enable_reading_list": true,
   "enable_logo_wobble_v1": true,
   "enable_cta_tactile_v1": true,
-  "enable_theme_toggle_tactile_v1": true
+  "enable_theme_toggle_tactile_v1": true,
+  "enable_operating_model": true
 }

src/pages/experimental/operating-model.astro

@@ -0,0 +1,47 @@
+---
+import CallToAction from '../../components/CallToAction.astro';
+import Hero from '../../components/Hero.astro';
+import BaseLayout from '../../layouts/BaseLayout.astro';
+import { getEntry } from 'astro:content';
+
+const flagsEntry = await getEntry('flags', 'config');
+if (!flagsEntry?.data.enable_operating_model) return Astro.redirect('/404/');
+
+const pillars = [
+  { t: 'Friction Elimination', d: 'Dismantle developer bottlenecks.' },
+  { t: 'Cognitive Ergonomics', d: 'Minimize mental load in toolchains.' },
+  { t: 'Flow Velocity', d: 'Accelerate iteration cycles.' },
+];
+---
+
+<BaseLayout
+  title="DevEx Operating Model"
+  ogTitle="DevEx Operating Model"
+  description="DevEx Operating Model"
+  robots="noindex"
+>
+  <main id="main-content" role="main" class="wrapper stack gap-10">
+    <Hero title="DevEx Operating Model" align="start">
+      <p style="margin:0;color:var(--gray-200);max-width:46ch;">
+        Core principles driving internal developer platforms and velocity.
+      </p>
+    </Hero>
+    <div style="display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));">
+      {
+        pillars.map(({ t, d }) => (
+          <div style="padding:1rem;border:1px solid var(--gray-800);border-radius:0.5rem;background:var(--gradient-subtle);">
+            <strong style="display:block;color:var(--gray-0);">{t}</strong>
+            <p style="margin:0.35rem 0 0;color:var(--gray-300);">{d}</p>
+          </div>
+        ))
+      }
+    </div>
+    <CallToAction
+      href="https://www.linkedin.com/in/alehar/"
+      target="_blank"
+      rel="noopener noreferrer"
+      data-hire-event="hire_cta_click"
+      data-hire-surface="operating-model">Get in touch</CallToAction
+    >
+  </main>
+</BaseLayout>