File size: 5,043 Bytes
bfa7cef 7405129 bfa7cef 7405129 230e166 7405129 230e166 7405129 230e166 7405129 230e166 7405129 230e166 7405129 | 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 | ---
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>
|