1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<meta name="theme-color" content="#13110e"> 6 <meta property="og:type" content="website"> 7 <meta property="og:title" content="Frable Consulting â Executive Coaching & AI Literacy"> 8 <meta property="og:description" content="I embed with ambitious leaders and their teams to help them get unstuck. Executive coaching, team performance, and AI literacy for organizations doing work that matters."> 9 <meta property="og:url" content="https://www.frableconsulting.com/"> 10 <meta property="og:site_name" content="Frable Consulting"> 11 <meta name="twitter:card" content="summary_large_image"> 12 <meta name="twitter:title" content="Frable Consulting â Executive Coaching & AI Literacy"> 13 <meta name="twitter:description" content="I embed with ambitious leaders and their teams to help them get unstuck. Executive coaching, team performance, and AI literacy for organizations doing work that matters."> 14<meta name="viewport" content="width=device-width, initial-scale=1.0"> 15<title>Frable Consulting â Executive Coaching & AI Literacy</title> 16<link rel="preconnect" href="https://fonts.googleapis.com"> 17<link href="https://fonts.googleapis.com/css2?family=Editorial+New:ital@0;1&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&family=Suisse+Int%27l:wght@300;400&family=DM+Mono:wght@300;400&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet"> 18 19<style> 20*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 21 22/* âââ THEME âââ */ 23body { 24 --bg: #13110e; 25 --bg-2: #1a1710; 26 --bg-3: #201d15; 27 --rule: rgba(212,190,150,0.12); 28 --text-primary: #f0ead8; 29 --text-secondary: #8a7d65; 30 --text-muted: #4a4030; 31 --accent: #c8a96a; 32 --accent-dim: #7a6340; 33 --tag-color: #a07848; 34 font-family: 'DM Sans', sans-serif; 35 background: #13110e; 36 color: #f0ead8; 37 -webkit-font-smoothing: antialiased; 38} 39 40/* âââ NAV âââ */ 41nav { 42 position: fixed; 43 top: 0; left: 0; right: 0; 44 z-index: 100; 45 display: flex; 46 justify-content: space-between; 47 align-items: center; 48 padding: 1.75rem 3.5rem; 49 border-bottom: 1px solid var(--rule); 50 background: var(--bg); 51} 52 53.nav-logo { 54 font-family: 'DM Sans', sans-serif; 55 font-size: 0.7rem; 56 font-weight: 500; 57 letter-spacing: 0.2em; 58 text-transform: uppercase; 59 color: var(--text-primary); 60 text-decoration: none; 61} 62 63.nav-links { 64 display: flex; 65 gap: 2.5rem; 66 list-style: none; 67 align-items: center; 68} 69 70.nav-links a { 71 font-size: 0.7rem; 72 letter-spacing: 0.1em; 73 text-transform: uppercase; 74 color: var(--text-secondary); 75 text-decoration: none; 76 transition: color 0.2s; 77} 78 79.nav-links a:hover { color: var(--text-primary); } 80 81.nav-links .cta-link { 82 color: var(--accent); 83 border-bottom: 1px solid var(--accent-dim); 84 padding-bottom: 1px; 85} 86 87/* âââ MOBILE NAV âââ */ 88.nav-hamburger { 89 display: none; 90 flex-direction: column; 91 gap: 5px; 92 cursor: pointer; 93 background: none; 94 border: none; 95 min-width: 44px; 96 min-height: 44px; 97 justify-content: center; 98 align-items: center; 99 padding: 4px; 100} 101 102.nav-hamburger span { 103 display: block; 104 width: 22px; 105 height: 1px; 106 background: var(--text-secondary); 107 transition: all 0.3s; 108} 109 110.nav-hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); } 111.nav-hamburger.open span:nth-child(2) { opacity: 0; } 112.nav-hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } 113 114.mobile-menu { 115 display: none; 116 position: fixed; 117 top: 0; left: 0; right: 0; bottom: 0; 118 background: var(--bg); 119 z-index: 99; 120 flex-direction: column; 121 justify-content: center; 122 align-items: center; 123 gap: 2.5rem; 124} 125 126.mobile-menu.open { display: flex; } 127 128.mobile-menu a { 129 font-size: 1.5rem; 130 font-family: 'Libre Baskerville', serif; 131 color: var(--text-primary); 132 text-decoration: none; 133 transition: color 0.2s; 134 min-height: 44px; 135 display: flex; 136 align-items: center; 137} 138 139.mobile-menu a:hover { color: var(--accent); } 140.mobile-menu .mobile-cta { color: var(--accent); } 141 142/* âââ HERO âââ */ 143.hero { 144 min-height: 100vh; 145 display: grid; 146 grid-template-rows: 1fr auto; 147 padding: 12rem 3.5rem 5rem; 148 border-bottom: 1px solid var(--rule); 149 position: relative; 150} 151 152.hero-content { 153 display: flex; 154 flex-direction: column; 155 justify-content: flex-end; 156 max-width: 900px; 157} 158 159.hero-eyebrow { 160 font-size: 0.65rem; 161 letter-spacing: 0.25em; 162 text-transform: uppercase; 163 color: var(--tag-color); 164 margin-bottom: 3rem; 165 display: flex; 166 align-items: center; 167 gap: 1rem; 168} 169 170.hero-eyebrow::before { 171 content: ''; 172 width: 24px; 173 height: 1px; 174 background: var(--tag-color); 175} 176 177.hero-headline { 178 font-family: 'Libre Baskerville', serif; 179 font-size: clamp(2.6rem, 5.5vw, 5rem); 180 font-weight: 400; 181 line-height: 1.12; 182 letter-spacing: -0.02em; 183 color: var(--text-primary); 184 margin-bottom: 3rem; 185} 186 187.hero-headline em { 188 font-style: italic; 189 color: var(--accent); 190} 191 192.hero-sub { 193 font-size: 0.95rem; 194 color: var(--text-secondary); 195 max-width: 480px; 196 line-height: 1.85; 197 margin-bottom: 3.5rem; 198 font-weight: 300; 199} 200 201.hero-cta { 202 display: inline-flex; 203 align-items: center; 204 gap: 1rem; 205 color: var(--text-primary); 206 text-decoration: none; 207 font-size: 0.7rem; 208 letter-spacing: 0.18em; 209 text-transform: uppercase; 210 font-weight: 500; 211 transition: gap 0.25s; 212 width: fit-content; 213 border-bottom: 1px solid var(--rule); 214 padding-bottom: 0.75rem; 215} 216 217.hero-cta:hover { gap: 1.5rem; border-color: var(--accent); color: var(--accent); } 218 219.hero-meta { 220 display: flex; 221 justify-content: space-between; 222 align-items: flex-end; 223 padding-top: 3rem; 224 border-top: 1px solid var(--rule); 225 margin-top: 4rem; 226} 227 228.hero-meta-left { 229 font-size: 0.65rem; 230 letter-spacing: 0.1em; 231 color: var(--text-muted); 232 text-transform: uppercase; 233 line-height: 1.8; 234} 235 236.hero-meta-right { 237 font-family: 'Libre Baskerville', serif; 238 font-style: italic; 239 font-size: 0.9rem; 240 color: var(--text-muted); 241 text-align: right; 242} 243 244/* âââ SECTION SHARED âââ */ 245.section { 246 padding: 7rem 3.5rem; 247 border-bottom: 1px solid var(--rule); 248} 249 250.section-header { 251 display: flex; 252 align-items: center; 253 gap: 1rem; 254 margin-bottom: 5rem; 255 font-size: 0.6rem; 256 letter-spacing: 0.3em; 257 text-transform: uppercase; 258 color: var(--tag-color); 259} 260 261.section-header::after {
262 content: ''; 263 height: 1px; 264 flex: 0 0 32px; 265 background: var(--tag-color); 266} 267 268/* âââ PROBLEM âââ */ 269.problem { 270 background: var(--bg-2); 271} 272 273.problem-items { 274 display: grid; 275 grid-template-columns: 1fr; 276 max-width: 680px; 277 margin-left: auto; 278 margin-right: auto; 279 gap: 0; 280} 281 282.problem-item { 283 padding: 2.25rem 0; 284 border-bottom: 1px solid var(--rule); 285 display: grid; 286 grid-template-columns: 2.5rem 1fr; 287 gap: 1.5rem; 288 align-items: start; 289} 290 291.problem-item:last-child { border-bottom: none; } 292 293.problem-icon { 294 padding-top: 0.25rem; 295 opacity: 0.8; 296 transition: opacity 0.3s; 297} 298 299.problem-item:hover .problem-icon { opacity: 1; } 300 301.problem-text { 302 font-family: 'Libre Baskerville', serif; 303 font-size: 1.2rem; 304 font-weight: 400; 305 line-height: 1.55; 306 color: var(--text-primary); 307} 308 309.problem-close { 310 max-width: 680px; 311 margin-left: auto; 312 margin-right: auto; 313 margin-top: 4rem; 314 padding-top: 3.5rem; 315 border-top: 1px solid var(--rule); 316 display: grid; 317 grid-template-columns: 2rem 1fr; 318 gap: 1.5rem; 319} 320 321.problem-close-bar { 322 width: 1px; 323 background: var(--accent); 324 margin: 0 auto; 325} 326 327.problem-close-text { 328 font-family: 'Libre Baskerville', serif; 329 font-size: 1.1rem; 330 font-style: italic; 331 line-height: 1.7; 332 color: var(--text-secondary); 333} 334 335/* âââ DISTINCTION âââ */ 336.distinction { 337 background: var(--bg); 338} 339 340.distinction-layout { 341 display: grid; 342 grid-template-columns: 1fr 1fr; 343 gap: 8rem; 344 max-width: 1100px; 345 margin-left: auto; 346 margin-right: auto; 347} 348 349.distinction-body p { 350 font-size: 0.95rem; 351 line-height: 1.9; 352 color: var(--text-secondary); 353 margin-bottom: 1.75rem; 354 font-weight: 300; 355} 356 357.distinction-body p strong { 358 color: var(--text-primary); 359 font-weight: 400; 360} 361 362.distinction-aside { 363 padding-top: 0.5rem; 364} 365 366.distinction-aside blockquote { 367 font-family: 'Libre Baskerville', serif; 368 font-size: 1.6rem; 369 font-style: italic; 370 font-weight: 400; 371 line-height: 1.45; 372 color: var(--text-primary); 373 padding-left: 2rem; 374 border-left: 1px solid var(--accent); 375} 376 377/* âââ SERVICES âââ */ 378.services { 379 background: var(--bg-2); 380} 381 382.services-grid { 383 display: grid; 384 grid-template-columns: 1fr 1fr; 385 gap: 1px; 386 background: var(--rule); 387 max-width: 1100px; 388 margin-left: auto; 389 margin-right: auto; 390} 391 392.service-card { 393 background: var(--bg-2); 394 padding: 3.5rem; 395 position: relative; 396 transition: background 0.3s; 397} 398 399.service-card:hover { background: var(--bg-3); } 400 401.service-tag { 402 font-size: 0.6rem; 403 letter-spacing: 0.25em; 404 text-transform: uppercase; 405 color: var(--tag-color); 406 margin-bottom: 2rem; 407} 408 409.service-headline { 410 font-family: 'Libre Baskerville', serif; 411 font-size: 1.4rem; 412 font-weight: 400; 413 line-height: 1.35; 414 color: var(--text-primary); 415 margin-bottom: 1.5rem; 416} 417 418.service-body { 419 font-size: 0.875rem; 420 color: var(--text-secondary); 421 line-height: 1.85; 422 margin-bottom: 2.5rem; 423 font-weight: 300; 424} 425 426.service-link { 427 font-size: 0.65rem; 428 letter-spacing: 0.18em; 429 text-transform: uppercase; 430 color: var(--accent); 431 text-decoration: none; 432 display: inline-flex; 433 align-items: center; 434 gap: 0.6rem; 435 transition: gap 0.2s; 436 border-bottom: 1px solid var(--accent-dim); 437 padding-bottom: 2px; 438} 439 440.service-link:hover { gap: 1rem; } 441 442/* âââ CREDIBILITY âââ */ 443.credibility { 444 background: var(--bg); 445} 446 447.cred-layout { 448 display: grid; 449 grid-template-columns: 1fr 1fr; 450 gap: 7rem; 451 max-width: 1000px; 452} 453 454.cred-col p { 455 font-size: 0.875rem; 456 line-height: 2; 457 color: var(--text-secondary); 458 font-weight: 300; 459 margin-bottom: 1.25rem; 460} 461 462.cred-col p strong { 463 color: var(--text-primary); 464 font-weight: 400; 465} 466 467.cred-names { 468 margin-top: 0.5rem; 469 font-size: 0.8rem; 470 letter-spacing: 0.05em; 471 color: var(--text-muted); 472 line-height: 2.2; 473} 474 475.cred-names span { 476 display: inline; 477 color: var(--text-secondary); 478} 479 480/* âââ CLOSE âââ */ 481.close { 482 background: var(--bg-2); 483 padding: 9rem 3.5rem; 484 border-bottom: none; 485} 486 487.close-inner { 488 max-width: 640px; 489 margin-left: auto; 490 margin-right: auto; 491} 492 493.close-headline { 494 font-family: 'Libre Baskerville', serif; 495 font-size: clamp(2rem, 3.5vw, 3rem); 496 font-weight: 400; 497 line-height: 1.25; 498 color: var(--text-primary); 499 margin-bottom: 2rem; 500} 501 502.close-body { 503 font-size: 0.9rem; 504 color: var(--text-secondary); 505 line-height: 1.9; 506 margin-bottom: 3rem; 507 font-weight: 300; 508 max-width: 520px; 509 margin-left: auto; 510 margin-right: auto; 511} 512 513/* âââ FOOTER âââ */ 514footer { 515 background: var(--bg); 516 border-top: 1px solid var(--rule); 517 padding: 2.5rem 3.5rem; 518 display: grid; 519 grid-template-columns: 1fr auto 1fr; 520 align-items: center; 521 gap: 2rem; 522} 523 524.footer-logo { 525 font-size: 0.65rem; 526 letter-spacing: 0.2em; 527 text-transform: uppercase; 528 color: var(--text-muted); 529} 530 531.footer-nav { 532 display: flex; 533 gap: 2rem; 534 list-style: none; 535} 536 537.footer-nav a { 538 font-size: 0.65rem; 539 letter-spacing: 0.1em; 540 text-transform: uppercase; 541 color: var(--text-muted); 542 text-decoration: none; 543 transition: color 0.2s; 544} 545 546.footer-nav a:hover { color: var(--text-primary); } 547 548.footer-right { 549 text-align: right; 550 font-size: 0.65rem; 551 color: var(--text-muted); 552} 553 554.footer-right a { 555 color: var(--accent-dim); 556 text-decoration: none; 557 transition: color 0.2s; 558} 559 560.footer-right a:hover { color: var(--accent); } 561 562 563 564/* âââ ANIMATIONS âââ */ 565@keyframes fadeUp { 566 from { opacity: 0; transform: translateY(20px); } 567 to { opacity: 1; transform: translateY(0); } 568} 569 570.hero-eyebrow { animation: fadeUp 0.5s ease 0.1s both; } 571.hero-headline { animation: fadeUp 0.7s ease 0.25s both; } 572.hero-sub { animation: fadeUp 0.7s ease 0.4s both; } 573.hero-cta { animation: fadeUp 0.7s ease 0.55s both; } 574.hero-meta { animation: fadeUp 0.7s ease 0.65s both; } 575 576@media (max-width: 860px) { 577 nav { padding: 1.25rem 1.5rem; } 578 .nav-links { display: none; } 579 .nav-hamburger { display: flex; } 580 .section, .hero, .close { padding-left: 1.5rem; padding-right: 1.5rem; } 581 .hero { padding-top: 9rem; min-height: 100svh; } 582 .distinction-layout, .services-grid, .cred-layout { grid-template-columns: 1fr; gap: 3rem; } 583 footer { grid-template-columns: 1fr; gap: 1.5rem; } 584 .footer-right { text-align: left; } 585 body { 586 background: #13110e; 587 --bg: #13110e; 588 --bg-2: #1a1710; 589 --bg-3: #201d15; 590 --text-primary: #f0ead8; 591 --text-secondary: #a89880; 592 --text-muted: #6a5a45; 593 --rule: rgba(212,190,150,0.18); 594 --tag-color: #c8a050; 595 --accent: #d4a93a; 596 --accent-dim: #a07030; 597 } 598 599 .footer-logo, 600 .footer-nav a, 601 .footer-right, 602 .hero-meta-left, 603 .hero-meta-right { 604 color: #8a7d65; 605 } 606 607 .footer-nav a:hover { color: #f0ead8; } 608 .footer-right a { color: #c8a050; } 609} 610</style>
611<script type="application/ld+json"> 612{ 613 "@context": "https://schema.org", 614 "@type": "ProfessionalService", 615 "name": "Frable Consulting", 616 "description": "Executive coaching, team performance, and AI literacy for C-suite leaders and their teams.", 617 "url": "https://www.frableconsulting.com", 618 "founder": { 619 "@type": "Person", 620 "name": "Alex Durand", 621 "jobTitle": "Founder & Executive Coach", 622 "alumniOf": ["Columbia University", "George Washington University", "SCAD", "PwC"] 623 }, 624 "areaServed": "Worldwide", 625 "address": { 626 "@type": "PostalAddress", 627 "addressLocality": "Irvine", 628 "addressRegion": "CA", 629 "addressCountry": "US" 630 }, 631 "serviceType": ["Executive Coaching", "Team Coaching", "AI Literacy Training"], 632 "sameAs": ["https://onsecondthoughtbyalex.substack.com"] 633} 634</script>
634 635 <link rel="icon" type="image/svg+xml" href="/favicon.svg"> 636 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> 637 <link rel="apple-touch-icon" href="/apple-touch-icon.png"> 638 <meta property="og:image" content="https://www.frableconsulting.com/og-image.png"> 639 <meta property="og:image:width" content="1200"> 640 <meta property="og:image:height" content="630"> 641 <meta name="twitter:image" content="https://www.frableconsulting.com/og-image.png"> 642
642<script type="application/ld+json"> 643{ 644 "@context": "https://schema.org", 645 "@type": "ProfessionalService", 646 "name": "Frable Consulting", 647 "url": "https://www.frableconsulting.com/", 648 "image": "https://www.frableconsulting.com/og-image.png", 649 "description": "Boutique executive coaching and organizational consulting. Embedded coaching for C-suite leaders, executive teams, and boards, plus AIQ executive AI literacy.", 650 "foundingDate": "2014", 651 "address": { 652 "@type": "PostalAddress", 653 "addressLocality": "Irvine", 654 "addressRegion": "CA", 655 "addressCountry": "US" 656 }, 657 "areaServed": "Worldwide", 658 "founder": { 659 "@type": "Person", 660 "name": "Alex Durand", 661 "jobTitle": "Executive & Team Coach" 662 }, 663 "sameAs": [ 664 "https://www.linkedin.com/company/frable-consulting", 665 "https://onsecondthoughtbyalex.substack.com" 666 ] 667} 668 </script>
668 669 <style id="craft"> 670 /* paper grain */ 671 body::after{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.035; 672 background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2"/><feColorMatrix type="saturate" values="0"/><feColorMatrix type="saturate" values="0"/></filter><rect width="160" height="160" filter="url(%23n)"/></svg>');} 673 /* gold thread */ 674 #thread-track{position:fixed;top:0;bottom:0;left:22px;width:1px;background:rgba(200,169,106,.07);z-index:60;pointer-events:none} 675 #thread{width:1px;height:0;background:linear-gradient(to bottom,rgba(200,169,106,0) 0%,#c8a96a 30%,#c8a96a 100%)} 676 @media(max-width:900px){#thread-track{left:10px}} 677 /* CTA sheen */ 678 .cta-btn,.btn,.submit-btn{position:relative;overflow:hidden} 679 .cta-btn::after,.btn::after,.submit-btn::after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%; 680 background:linear-gradient(105deg,transparent,rgba(255,236,200,.16),transparent); 681 transform:skewX(-18deg);transition:left .55s ease;pointer-events:none} 682 .cta-btn:hover::after,.btn:hover::after,.submit-btn:hover::after{left:125%} 683 @media(prefers-reduced-motion:reduce){ 684 .cta-btn::after,.btn::after,.submit-btn::after{display:none} 685 #thread-track{display:none} 686 } 687 </style> 688</head> 689<body> 690 691<!-- MOBILE MENU --> 692<div class="mobile-menu" id="mobileMenu"> 693 <a href='/'>Home</a> 694 <a href='/coaching'>Coaching</a> 695 <a href='/aiq'>AIQ</a> 696 <a href='/about'>About</a> 697 <a href='/thinking'>Thinking</a> 698 <a class='mobile-cta' href='/contact'>Contact â</a> 699</div> 700 701<!-- NAV --> 702<nav> 703 <a class='nav-logo' href='/'>Frable Consulting</a> 704 <ul class="nav-links"> 705 <li><a href='/coaching'>Coaching</a></li> 706 <li><a href='/aiq'>AIQ</a></li> 707 <li><a href='/about'>About</a></li> 708 <li><a href='/thinking'>Thinking</a></li> 709 <li><a class='cta-link' href='/contact'>Contact â</a></li> 710 </ul> 711 <button class="nav-hamburger" id="hamburger" onclick="toggleMenu()" aria-label="Menu"> 712 <span></span><span></span><span></span> 713 </button> 714</nav> 715 716<!-- HERO --> 717<section class="hero" style="background:#13110e"> 718 <div class="hero-content"> 719 <h1 class="hero-headline"> 720 I embed with ambitious<br> 721 leaders and their teams<br> 722 to help them <em>get unstuck.</em> 723 </h1> 724 <p class="hero-sub"> 725 Frable Consulting partners with C-suite leaders, executive teams, and boards working on the hard problems that will push humanity forward. 726 </p> 727 <a class='hero-cta' href='/contact'> 728 See if this is the right fit 729 <span>â</span> 730 </a> 731 </div> 732 733 <div class="hero-meta"> 734 <div class="hero-meta-left"> 735 Based in Irvine, CA<br> 736 Working worldwide<br> 737 Est. 2014 738 </div> 739 <div class="hero-meta-right"> 740 Helping leaders and teams<br>navigate uncertainty. 741 </div> 742 </div> 743</section> 744 745<!-- PROBLEM --> 746<section class="section problem"> 747 <div class="section-header">What we're seeing</div> 748 <div class="problem-items"> 749 <div class="problem-item"> 750 <div class="problem-icon"> 751 <!-- Macro moving fast: horizontal arrow accelerating, lines compressing --> 752 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 753 <line x1="2" y1="10" x2="14" y2="10" stroke="#c8a96a" stroke-width="0.75" opacity="0.3"/> 754 <line x1="2" y1="16" x2="20" y2="16" stroke="#c8a96a" stroke-width="0.75" opacity="0.55"/> 755 <line x1="2" y1="22" x2="26" y2="22" stroke="#c8a96a" stroke-width="1" opacity="0.8"/> 756 <polyline points="22,18 28,22 22,26" fill="none" stroke="#c8a96a" stroke-width="1" opacity="0.9"/> 757 </svg> 758 </div> 759 <div class="problem-text">The macro is moving faster than your strategy conversations can keep up with.</div> 760 </div> 761 <div class="problem-item"> 762 <div class="problem-icon"> 763 <!-- AI on every agenda: a grid of dots with one pulsing â noise without signal --> 764 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 765 <circle cx="8" cy="8" r="1.5" fill="#c8a96a" opacity="0.25"/> 766 <circle cx="16" cy="8" r="1.5" fill="#c8a96a" opacity="0.25"/> 767 <circle cx="24" cy="8" r="1.5" fill="#c8a96a" opacity="0.25"/> 768 <circle cx="8" cy="16" r="1.5" fill="#c8a96a" opacity="0.25"/> 769 <circle cx="16" cy="16" r="4" stroke="#c8a96a" stroke-width="1" fill="#c8a96a" fill-opacity="0.15" opacity="1"/> 770 <circle cx="16" cy="16" r="1.5" fill="#c8a96a" opacity="1"/> 771 <circle cx="24" cy="16" r="1.5" fill="#c8a96a" opacity="0.25"/> 772 <circle cx="8" cy="24" r="1.5" fill="#c8a96a" opacity="0.25"/> 773 <circle cx="16" cy="24" r="1.5" fill="#c8a96a" opacity="0.25"/> 774 <circle cx="24" cy="24" r="1.5" fill="#c8a96a" opacity="0.25"/> 775 </svg> 776 </div> 777 <div class="problem-text">AI is on every agenda and there's different levels of AI literacy on your team.</div> 778 </div> 779 <div class="problem-item"> 780 <div class="problem-icon"> 781 <!-- Instincts working against: two arrows pointing opposite directions --> 782 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 783 <line x1="6" y1="12" x2="26" y2="12" stroke="#c8a96a" stroke-width="1" opacity="0.9"/> 784 <polyline points="20,8 26,12 20,16" fill="none" stroke="#c8a96a" stroke-width="1" opacity="0.9"/> 785 <line x1="26" y1="20" x2="6" y2="20" stroke="#c8a96a" stroke-width="1" opacity="0.45"/> 786 <polyline points="12,16 6,20 12,24" fill="none" stroke="#c8a96a" stroke-width="1" opacity="0.45"/> 787 </svg> 788 </div> 789 <div class="problem-text">The leadership instincts that built your organization are starting to work against it.</div> 790 </div> 791 <div class="problem-item"> 792 <div class="problem-icon"> 793 <!-- Fragmented team: nodes drifting apart, connections breaking --> 794 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> 795 <circle cx="16" cy="16" r="2.5" stroke="#c8a96a" stroke-width="1" fill="#c8a96a" fill-opacity="0.2"/> 796 <circle cx="6" cy="8" r="2" stroke="#c8a96a" stroke-width="0.75" fill="none" opacity="0.5"/> 797 <circle cx="26" cy="8" r="2" stroke="#c8a96a" stroke-width="0.75" fill="none" opacity="0.5"/> 798 <circle cx="6" cy="24" r="2" stroke="#c8a96a" stroke-width="0.75" fill="none" opacity="0.5"/> 799 <circle cx="26" cy="24" r="2" stroke="#c8a96a" stroke-width="0.75" fill="none" opacity="0.5"/> 800 <line x1="8" y1="10" x2="14" y2="14" stroke="#c8a96a" stroke-width="0.75" opacity="0.25" stroke-dasharray="2 3"/> 801 <line x1="24" y1="10" x2="18" y2="14" stroke="#c8a96a" stroke-width="0.75" opacity="0.25" stroke-dasharray="2 3"/> 802 <line x1="8" y1="22" x2="14" y2="18" stroke="#c8a96a" stroke-width="0.75" opacity="0.25" stroke-dasharray="2 3"/> 803 <line x1="24" y1="22" x2="18" y2="18" stroke="#c8a96a" stroke-width="0.75" opacity="0.25" stroke-dasharray="2 3"/> 804 </svg> 805 </div> 806 <div class="problem-text">Your team is talented. They're also fragmented, conflict-averse, and exhausted.</div> 807 </div> 808 </div> 809</section> 810 811<!-- DISTINCTION --> 812<section class="section distinction"> 813 <div class="section-header">The work</div> 814 <div class="distinction-layout"> 815 <div class="distinction-body"> 816 <p> 817 Most leaders come to Frable at a specific kind of inflection point. The team is capable, but something isn't working. Decisions are slower than they should be. The same conversations keep happening without resolution. The strategy makes sense on paper and stalls in the room. 818 </p> 819 <p> 820 The work looks different depending on what's needed. Sometimes it's a leader who needs a trusted thinking partner. Sometimes it's a team that needs someone to name what everyone else is avoiding. Often, it starts as one and becomes the other. 821 </p> 822 <p> 823 What stays constant: the work is <strong>embedded, ongoing, and built around the specific people and moment</strong> in front of us. Not a program, not a retreat, not a methodology applied from the outside. 824 </p> 825 </div> 826 <div class="distinction-aside"> 827 <blockquote> 828 The environment changed faster than the team did. That distance is where the opportunity lives. 829 </blockquote> 830 </div> 831 </div> 832</section> 833 834<!-- SERVICES --> 835<section class="section services">
836 <div class="section-header">Where to begin</div> 837 <div class="services-grid"> 838 <div class="service-card"> 839 <div class="service-tag">Coaching</div> 840 <h2 class="service-headline">For leaders who need a trusted partner, and teams that need one too.</h2> 841 <p class="service-body"> 842 Some leaders come to Frable on their own. Others bring their whole team. Either way, the starting point is the same: an honest look at what's working, what isn't, and what the organization actually needs from its leadership right now.<br><br> 843 Engagements are built around the specific moment: the upcoming transition, the strategy that isn't landing, the team dynamic that's costing you more than anyone wants to admit. There's no fixed curriculum here. The work starts wherever you are. 844 </p> 845 <a class='service-link' href='/coaching'>Learn more â</a> 846 </div> 847 <div class="service-card"> 848 <div class="service-tag">AIQ: AI Literacy for Leadership Teams</div> 849 <h2 class="service-headline">Your team is behind on AI. The question is how far, and what to do about it.</h2> 850 <p class="service-body"> 851 AIQ is an executive AI literacy program designed for leadership teams who need to move from confusion to confidence. It's not a tech briefing. It's a structured way for your team to assess where you are, identify your real exposure, and make decisions together about where to go next.<br><br> 852 Most teams that go through AIQ end up having a different conversation about how they make decisions together. That's usually where the deeper work begins. 853 </p> 854 <a class='service-link' href='/aiq-assessment'>Take the free assessment â</a> 855 <a class='service-link' href='/aiq'>Learn more â</a> 856 </div> 857 </div> 858</section> 859 860<!-- CREDIBILITY --> 861<section class="section credibility"> 862 <div class="section-header">Some context</div> 863 <div class="cred-layout" style="grid-template-columns: 1fr;"> 864 <div class="cred-col" style="max-width: 680px;"> 865 <p> 866 Frable has been doing this work for <strong>over a decade</strong>, long enough to have seen what happens when teams and leaders avoid the hard conversation, and what becomes possible when they engage for real. 867 </p> 868 <p style="margin-top: 1.5rem; font-size: 0.75rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--tag-color);">A few of our previous clients</p> 869 <div class="cred-names" style="margin-top: 1rem;"> 870 <span>Dell</span> · 871 <span>Viacom</span> · 872 <span>John Deere</span> · 873 <span>PwC</span> · 874 <span>Mineral (Google X)</span> · 875 <span>CASE</span> · 876 <span>World Bank-IFC</span> 877 </div> 878 </div> 879 </div> 880</section> 881 882<!-- CLOSE --> 883<section class="section close"> 884 <div class="close-inner"> 885 <h2 class="close-headline">Is this the right moment?</h2> 886 <p class="close-body"> 887 The leaders who get the most from this work tend to arrive at the same moment: the team is capable but stuck, the environment has shifted faster than the culture has, and what used to work has quietly stopped working. 888 </p> 889 <p class="close-body">If any of that sounds familiar, the next step is a conversation.</p> 890 <a class='hero-cta' href='/contact'>Contact us â</a> 891 </div> 892</section> 893 894<!-- FOOTER --> 895<footer> 896 <div class="footer-logo">© Frable Consulting LLC 2014â2026</div> 897 <ul class="footer-nav"> 898 <li><a href='/coaching'>Coaching</a></li> 899 <li><a href='/aiq'>AIQ</a></li> 900 <li><a href='/about'>About</a></li> 901 <li><a href='/thinking'>Thinking</a></li> 902 <li><a href='/contact'>Contact</a></li> 903 </ul> 904 <div class="footer-right"> 905 Also writing at <a href="https://onsecondthoughtbyalex.substack.com">On Second Thought â</a> 906 </div> 907</footer> 908 909
910<script> 911function toggleMenu() { 912 document.getElementById('mobileMenu').classList.toggle('open'); 913 document.getElementById('hamburger').classList.toggle('open'); 914} 915</script>
vendor: 1 bytes, line 915
915
916<script> 917(function () { 918 if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; 919 if (!('IntersectionObserver' in window)) return; 920 var els = document.querySelectorAll('main section, body > section, footer'); 921 els.forEach(function (el) { 922 el.style.opacity = '0'; 923 el.style.transform = 'translateY(12px)'; 924 el.style.transition = 'opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1)'; 925 }); 926 var io = new IntersectionObserver(function (entries) { 927 entries.forEach(function (e) { 928 if (e.isIntersecting) { 929 e.target.style.opacity = '1'; 930 e.target.style.transform = 'none'; 931 io.unobserve(e.target); 932 } 933 }); 934 }, { threshold: 0.08 }); 935 els.forEach(function (el) { io.observe(el); }); 936})(); 937</script>
vendor: 1 bytes, line 937
937
938<script> 939(function () { 940 var track = document.createElement('div'); track.id = 'thread-track'; 941 var fill = document.createElement('div'); fill.id = 'thread'; 942 track.appendChild(fill); document.body.appendChild(track); 943 function draw() { 944 var h = document.documentElement; 945 var max = h.scrollHeight - h.clientHeight; 946 fill.style.height = (max > 0 ? (h.scrollTop / max) * 100 : 0) + '%'; 947 } 948 window.addEventListener('scroll', draw, { passive: true }); 949 window.addEventListener('resize', draw, { passive: true }); 950 draw(); 951 var seen = {}; 952 document.addEventListener('mouseover', function (e) { 953 var a = e.target.closest ? e.target.closest('a[href]') : null; 954 if (!a) return; 955 var href = a.getAttribute('href'); 956 if (!href || /^(https?:|#|mailto:)/.test(href) || seen[href]) return; 957 seen[href] = 1; 958 var l = document.createElement('link'); l.rel = 'prefetch'; l.href = href; 959 document.head.appendChild(l); 960 }, { passive: true }); 961})(); 962</script>
962 963</body> 964</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.