Skip to content

Refocus ClearLine OS copy around regulatory gaps, playbooks, and CIL #27

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Copilot wants to merge 4 commits into
base: main
Choose a base branch
from
Draft

Refocus ClearLine OS copy around regulatory gaps, playbooks, and CIL #27

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
9808d6b
Initial plan
Copilot Mar 18, 2026
7bd3908
Update homepage featured work copy
Copilot Mar 18, 2026
734c101
Add ClearLine OS page and shorten featured copy
Copilot Mar 18, 2026
3558ba2
Refine ClearLine OS page using review themes
Copilot Mar 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
98 changes: 98 additions & 0 deletions clearline-os/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ClearLine OS — a pulled-back view of how ClearLine finds regulatory gaps, builds playbooks, and keeps humans in the loop.">
<title>ClearLine OS | Kris Gracia</title>
<link rel="icon" type="image/png" href="../assets/favicon.png">
<link rel="stylesheet" href="../styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<nav class="nav">
<div class="logo">
<span class="logo-icon">◈</span>
<span class="logo-text">ClearLine OS</span>
</div>
<a href="../index.html#work" class="nav-cta">Back to Work</a>
</nav>

<section class="section">
<div class="container">
<div class="story-intro">
<div class="badge">Internal framework</div>
<h1>ClearLine OS</h1>
<p>ClearLine OS is how I turn regulatory ambiguity into repeatable work: find the gaps, write the playbook, use AI for the repeatable parts, and keep people on the judgment calls.</p>
</div>

<div class="services-grid">
<div class="service-card">
<div class="service-icon">🧭</div>
<h3>Gap finding</h3>
<p>It starts by spotting where the rulebook is thin, unclear, or out of step with how enforcement works in real life.</p>
</div>
<div class="service-card">
<div class="service-icon">🤝</div>
<h3>Playbooks</h3>
<p>Those gaps get turned into working playbooks so teams know what to do, what to check, and where the real risk sits.</p>
</div>
<div class="service-card">
<div class="service-icon">⚙️</div>
<h3>CIL</h3>
<p>ClearLine in the Loop means AI helps with drafts, checks, and repeat tasks while people make the final call.</p>
</div>
</div>
</div>
</section>

<section class="section approach">
<div class="container">
<h2>How it works</h2>
<div class="approach-content">
<div class="approach-text">
<p>It is a simple operating rhythm for the grey areas — the places where statutes are silent, enforcement is discretionary, and teams still have to act.</p>
<ul>
<li><strong>Read the gap</strong> — separate the written rule from the real enforcement question</li>
<li><strong>Write the playbook</strong> — turn ambiguity into a practical workflow teams can follow</li>
<li><strong>Keep humans in charge</strong> — use AI where it saves time, not where judgment is required</li>
</ul>
</div>
<div class="approach-visual">
<div class="engine-badge">
<span class="engine-label">CIL</span>
<span class="engine-name">ClearLine in the Loop</span>
<span class="engine-desc">Playbooks for the grey areas. AI for the repeatable parts. People for the real calls.</span>
</div>
</div>
</div>
</div>
</section>

<section class="section contact">
<div class="container">
<h2>Want the deeper version?</h2>
<p class="section-intro">This page is the pulled-back version. If you want to talk through how it works in practice, reach out.</p>
<div class="hero-actions">
<a href="../index.html#contact" class="btn btn-primary">Get in Touch</a>
<a href="../index.html" class="btn btn-secondary">Back Home</a>
</div>
</div>
</section>

<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-brand">
<span class="logo-icon">◈</span>
<span class="logo-text">Kris Gracia</span>
</div>
<p class="footer-tagline">Clear systems for messy regulated work.</p>
</div>
<p class="footer-copy">&copy; 2026 Kris Gracia · <a href="https://github.com/clearlineKris" class="footer-link">GitHub</a></p>
</div>
</footer>
</body>
</html>
10 changes: 5 additions & 5 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -82,15 +82,15 @@ <h2>Featured Work</h2>
<a href="ir/index.html" class="service-card project-link">
<div class="service-icon">📚</div>
<h3>Grey Matter Volumes</h3>
<p>State-by-state cannabis compliance intelligence across 12 markets. Field notes from enforcement front lines, margin analysis at the regulatory edges, and the LOTL Stack breakdowns that operators actually need.</p>
<p>Simple compliance notes for 12 cannabis markets.</p>
<span class="project-status">12 states · Live</span>
</a>
<div class="service-card">
<a href="clearline-os/index.html" class="service-card project-link">
<div class="service-icon">⚙️</div>
<h3>The ClearLine OS</h3>
<p>A pattern library for regulated products — compliance playbooks, AI guardrails, and rollout frameworks extracted from years of multi-state operations. The operating system behind the work.</p>
<p>Simple systems for regulated teams. CIL keeps AI useful and people in charge.</p>
<span class="project-status">Internal framework</span>
</div>
</a>
<div class="service-card">
<div class="service-icon">🧠</div>
<h3>Penumbrant Papers</h3>
Expand Down Expand Up @@ -253,4 +253,4 @@ <h2>Say Hello</h2>
</div>
</footer>
</body>
</html>
</html>