app
Adom TTS — Text to Speech
Public Made by Adomby adom
Adom's shared voice service. Reads your AI's answers back to you while you drive, and renders perfectly-timed voiceover tracks for your demo videos — so you never record your own voice.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
<!doctype html>
<html><head><meta charset="utf-8"><style>
* { margin:0; padding:0; box-sizing:border-box; }
html,body { width:1280px; height:720px; }
body {
font-family:"Liberation Sans","DejaVu Sans",sans-serif;
background:
radial-gradient(1100px 520px at 18% -8%, rgba(0,97,239,.30), transparent 60%),
radial-gradient(1000px 520px at 100% 0%, rgba(140,107,247,.26), transparent 55%),
linear-gradient(160deg,#001a3f 0%,#00142f 45%,#0a0e16 100%);
color:#e6edf3; overflow:hidden; position:relative;
}
.accentline{ position:absolute; top:0; left:0; right:0; height:6px;
background:linear-gradient(90deg,#0061EF,#00B8B1 50%,#8C6BF7); }
.wrap{ padding:44px 56px 36px; height:100%; display:flex; flex-direction:column; }
header{ display:flex; align-items:center; justify-content:space-between; }
.brandmark{ display:flex; align-items:center; gap:16px; }
.eq{ display:flex; align-items:flex-end; gap:5px; height:38px; }
.eq span{ width:6px; border-radius:3px; background:linear-gradient(180deg,#00B8B1,#0061EF); }
.eq span:nth-child(1){height:16px} .eq span:nth-child(2){height:34px}
.eq span:nth-child(3){height:24px} .eq span:nth-child(4){height:38px}
.eq span:nth-child(5){height:14px}
.wordmark{ font-size:42px; font-weight:700; letter-spacing:-1px; }
.wordmark b{ color:#00B8B1; }
.pill{ font-size:17px; color:#9fb3c8; border:1px solid #2b3a52;
background:rgba(255,255,255,.03); padding:9px 18px; border-radius:999px; }
.pill b{ color:#8FD3D4; font-weight:600; }
.lede{ margin:22px 2px 0; font-size:26px; color:#c4d2e3; font-weight:400; }
.lede b{ color:#fff; font-weight:700; }
.cols{ display:flex; gap:26px; margin-top:24px; }
.card{ flex:1; background:linear-gradient(180deg,rgba(22,27,34,.92),rgba(16,20,26,.92));
border:1px solid #243049; border-radius:20px; padding:30px 30px 28px; position:relative; }
.card.drive{ box-shadow:inset 0 0 0 1px rgba(0,184,177,.18); }
.card.demo{ box-shadow:inset 0 0 0 1px rgba(140,107,247,.18); }
.ico{ font-size:50px; line-height:1; }
.kick{ margin-top:14px; font-size:16px; letter-spacing:2.5px; font-weight:700; }
.drive .kick{ color:#00B8B1; } .demo .kick{ color:#b7a4ff; }
.head{ margin-top:9px; font-size:31px; font-weight:700; line-height:1.12; color:#fff; }
.body{ margin-top:13px; font-size:19.5px; line-height:1.5; color:#aebed2; }
.body em{ color:#e6edf3; font-style:normal; font-weight:600; }
.quote{ margin-top:16px; font-size:18px; color:#8FD3D4;
border-left:3px solid #00B8B1; padding-left:13px; }
.demo .quote{ color:#c5b3ff; border-left-color:#8C6BF7; }
.proof{ margin-top:24px; display:flex; align-items:center; gap:18px; }
.shot{ width:760px; height:150px; border-radius:12px; overflow:hidden;
border:1px solid #2b3a52; box-shadow:0 10px 30px rgba(0,0,0,.45); flex:none; }
.shot img{ width:100%; object-fit:cover; object-position:0 -8px; display:block; }
.proofcap{ font-size:18px; color:#7e8ea3; line-height:1.5; }
.proofcap b{ color:#8FD3D4; }
.proofcap .dot{ color:#00B8B1; }
</style></head>
<body>
<div class="accentline"></div>
<div class="wrap">
<header>
<div class="brandmark">
<div class="eq"><span></span><span></span><span></span><span></span><span></span></div>
<div class="wordmark">adom<b>-tts</b></div>
</div>
<div class="pill"><b>service-tts</b> · one shared voice for all of Adom</div>
</header>
<div class="lede">The Adom voice service. <b>It talks so you don't have to.</b></div>
<div class="cols">
<div class="card drive">
<div class="ico">🚗</div>
<div class="kick">WHEN YOU'RE DRIVING</div>
<div class="head">It reads your AI answers back to you.</div>
<div class="body">Hands on the wheel — just ask and <em>adom-tts speaks the reply aloud.</em> No screen, no typing.</div>
<div class="quote">"Read me your last answer, I'm driving."</div>
</div>
<div class="card demo">
<div class="ico">🎬</div>
<div class="kick">WHEN YOU'RE MAKING A DEMO</div>
<div class="head">It voices the video — with exact timing.</div>
<div class="body">Feed it your script; get a <em>perfectly-timed narration track.</em> No recording booth, no retakes, no your-own-voice.</div>
<div class="quote">Script in → finished voiceover out.</div>
</div>
</div>
<div class="proof">
<div class="shot"><img src="screenshots/playground.png"></div>
<div class="proofcap"><span class="dot">●</span> the live <b>TTS Playground</b><br>Andrew Neural voice · Adom<br>pronunciations · instant cache</div>
</div>
</div>
</body></html>