| --- |
| title: README |
| emoji: 🌳 |
| colorFrom: indigo |
| colorTo: purple |
| sdk: static |
| pinned: false |
| --- |
| |
| <div class="ct-wrap"> |
| <style> |
| .ct-wrap { |
| font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Helvetica, Arial, sans-serif; |
| color: #e7e6ef; |
| max-width: 980px; |
| margin: 0 auto; |
| } |
| .ct-hero { |
| position: relative; |
| border-radius: 20px; |
| padding: 64px 40px; |
| overflow: hidden; |
| background: |
| radial-gradient(circle at 15% 20%, rgba(139,92,246,0.55), transparent 45%), |
| radial-gradient(circle at 85% 0%, rgba(99,102,241,0.45), transparent 50%), |
| linear-gradient(135deg, #0f0b1f 0%, #1a1233 55%, #150f2b 100%); |
| text-align: center; |
| margin-bottom: 28px; |
| } |
| .ct-hero::before { |
| content: ""; |
| position: absolute; |
| inset: 0; |
| background-image: |
| linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), |
| linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px); |
| background-size: 34px 34px; |
| mask-image: radial-gradient(ellipse at center, black 0%, transparent 75%); |
| pointer-events: none; |
| } |
| .ct-badge { |
| position: relative; |
| display: inline-flex; |
| align-items: center; |
| gap: 6px; |
| font-size: 12px; |
| font-weight: 600; |
| letter-spacing: 0.06em; |
| text-transform: uppercase; |
| color: #c4b5fd; |
| background: rgba(139,92,246,0.12); |
| border: 1px solid rgba(139,92,246,0.35); |
| padding: 6px 14px; |
| border-radius: 999px; |
| margin-bottom: 22px; |
| } |
| .ct-logo { |
| position: relative; |
| font-size: 52px; |
| line-height: 1.1; |
| font-weight: 800; |
| letter-spacing: -0.02em; |
| margin: 0 0 14px; |
| background: linear-gradient(90deg, #ffffff 0%, #d6cbff 60%, #8b5cf6 100%); |
| -webkit-background-clip: text; |
| background-clip: text; |
| color: transparent; |
| } |
| .ct-tagline { |
| position: relative; |
| font-size: 16px; |
| color: #a89fc4; |
| max-width: 520px; |
| margin: 0 auto; |
| font-style: italic; |
| } |
| .ct-row { |
| display: grid; |
| grid-template-columns: repeat(3, 1fr); |
| gap: 16px; |
| margin-bottom: 28px; |
| } |
| @media (max-width: 720px) { |
| .ct-row { grid-template-columns: 1fr; } |
| } |
| .ct-card { |
| border-radius: 16px; |
| padding: 26px 24px; |
| background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015)); |
| border: 1px solid rgba(255,255,255,0.08); |
| } |
| .ct-card h3 { |
| margin: 0 0 8px; |
| font-size: 15px; |
| font-weight: 700; |
| color: #efeaff; |
| display: flex; |
| align-items: center; |
| gap: 8px; |
| } |
| .ct-card p { |
| margin: 0; |
| font-size: 13.5px; |
| line-height: 1.55; |
| color: #9c93b8; |
| } |
| .ct-section { |
| border-radius: 16px; |
| padding: 30px 28px; |
| background: rgba(255,255,255,0.025); |
| border: 1px solid rgba(255,255,255,0.07); |
| margin-bottom: 20px; |
| } |
| .ct-section h2 { |
| font-size: 13px; |
| font-weight: 700; |
| letter-spacing: 0.08em; |
| text-transform: uppercase; |
| color: #8b7fb8; |
| margin: 0 0 14px; |
| } |
| .ct-placeholder { |
| border: 1px dashed rgba(255,255,255,0.16); |
| border-radius: 12px; |
| padding: 22px; |
| text-align: center; |
| color: #756c94; |
| font-size: 13.5px; |
| font-style: italic; |
| } |
| .ct-footer { |
| text-align: center; |
| padding: 20px 0 6px; |
| font-size: 12px; |
| color: #5f5878; |
| } |
| </style> |
| |
| <div class="ct-hero"> |
| <span class="ct-badge">● Building in public</span> |
| <h1 class="ct-logo">ClerkTree</h1> |
| <p class="ct-tagline">Operations Intelligence & hyper-local AI — turning backend busywork and missed calls into 24/7 human-like automation.</p> |
| </div> |
| |
| <div class="ct-row"> |
| <div class="ct-card"> |
| <h3>🧭 Mission</h3> |
| <p>We bridge the gap between complex backend operations — legal, claims, document review — and frontend customer engagement, so businesses of any size can run on intelligent, always-on automation instead of manual busywork and missed calls.</p> |
| </div> |
| <div class="ct-card"> |
| <h3>🛠️ What we build</h3> |
| <p>An AI voice & chat receptionist with real-time sentiment analysis and lead enrichment, a no-code onboarding wizard that turns FAQs and CSVs into a live agent in one click, and a developer API built on Supabase Edge Functions for streaming chat and outbound voice.</p> |
| </div> |
| <div class="ct-card"> |
| <h3>🤝 Get involved</h3> |
| <p>Models, datasets, and Spaces from the team are landing on this org soon. Follow along here, or find us at <a href="https://clerktree.com" style="color:#c4b5fd;">clerktree.com</a>.</p> |
| </div> |
| </div> |
| |
| <div class="ct-section"> |
| <h2>Projects</h2> |
| <div class="ct-placeholder">No models, datasets, or spaces published yet — check back soon.</div> |
| </div> |
| |
| <div class="ct-footer">ClerkTree · Hugging Face Organization</div> |
| </div> |
|
|
