TATHOR

Services

Web, Web app, Logo design, Brand design, API, Software

Tathor is a business intelligence and competitor analysis tool. We built the brand and product from the ground up in Figma — the logo, the marketing site, the in-app dashboard, and the API — then wired billing through Stripe. Below is the build in order: the landing experience first, then the product suite pages, the dashboard, and the API and billing setup underneath it.

Tathor homepage hero — chrome wordmark and competitor search field

Hero

The homepage opens with the Tathor wordmark rendered in a brushed metal, chrome-style finish against a black background — it's the one place on the site where the logotype gets this treatment, so it reads as an entrance rather than just a header. Below it sits a single search field: enter a website, business name, or service, and Tathor returns competitors, features, and opportunities. No secondary hero copy competing for attention — just the mark and the one thing the product does.

Tathor Product Suite — three cards for core tool, Complete Profiles, and API

Product Suite

Three cards lay out what Tathor actually is: the core tool, Complete Profiles (exported reports), and the API. Each card uses a faint wireframe-style illustration instead of a photo or icon set, which keeps the page feeling technical and restrained rather than like a typical SaaS landing page. Every card links straight to what it's describing — pricing, an example report, or the API docs.

Tathor Stay ahead — agents processing and Complete Profiles export
Tathor Build with API — live JavaScript, Python, and cURL code samples

Stay ahead & Build with API

After a search, Tathor Agents process in parallel with live status and time estimates — a real look at the product working, not a staged result. When processing finishes, exports list business data, social links, and email contacts, each marked as exported.

The API section shows a live code sample — JavaScript, Python, or cURL — hitting the analyze endpoint directly, with the request and response shape visible. Showing the real request instead of describing the API in prose is aimed at developers who want to see the shape of the data before reading anything else.

Tathor Latest News — press-style entries with halftone imagery
Tathor news article — Data Collection Best Practices for AI Systems

Latest News

News entries use a grainy, halftone photo treatment instead of standard stock photography, which keeps the tone closer to a magazine or press piece than a typical blog roll. Each entry has a date, category, headline, and a one-line summary — kept short enough to scan the whole list quickly.

Opening an article keeps the same type, spacing, and image treatment as the listing, so the news pages feel like part of the marketing site rather than a bolted-on blog template.

Tathor Pricing Plans — Basic, Business, and Agency tiers
Tathor Compare Plans — feature-by-feature plan comparison table

Pricing & Compare Plans

Three tiers — Basic, Business, and Agency — laid out as cards with the Business tier marked "Recommended." Each plan lists what's included underneath it, so monthly cost and what's in the tier can be scanned without opening another page.

For anyone who wants more than the card summary, the Compare Plans table breaks every feature out row by row — database access, number of competitor analyses per month, AI scraping tier, data collection depth — so the difference between Basic, Business, and Agency is stated exactly, not implied.

Tathor sign in — email, Google, and Apple
Tathor sign up — matching auth card

Sign in & Sign up

Sign in and Sign up are the same card, same type, same Google and Apple options — only the primary button swaps. That keeps auth from feeling like two products, and Firebase handles the actual Google sign-in behind it.

Tathor Privacy Policy
Tathor Terms of Service

Privacy & Terms

Privacy and Terms sit in the same legal layout as the rest of the marketing site — same type, same black field — so they read as part of the product instead of a generic template dropped in at the end.

Tathor dashboard Overview — Competitive Overview metrics
Tathor dashboard Intelligence — New research modal

Dashboard

Logging in lands on Overview — "Welcome back" — with tabs for Overview, Intelligence, Projects, and Blind Spots. The Competitive Overview table tracks businesses, active analyses, and plan usage. Layout and spacing were built to feel closer to an internal analytics tool than a typical consumer dashboard.

Intelligence opens the New research flow in place: company, domain, optional notes, then Start research. Same chrome, same density — starting an analysis doesn't send someone to a different product.

Tathor Integrations — available Slack, HubSpot, Mailchimp, Salesforce, Asana, Notion
Tathor Integrations API — API key, base URL, and auth header

Integrations

The Available tab lists the connectors — Slack, HubSpot, Mailchimp, Salesforce, Asana, Notion — grouped by Communication, CRM, Marketing, and Productivity, so someone can see what plugs in before they generate a key.

The API tab stays in the same Integrations page: plan badge, create a key, base URL, and the exact Authorization header. Nothing here is abstracted behind a separate developer portal.

Tathor Profile Account — display name, email, and password
Tathor Profile Billing — plan upgrades and usage analytics

Profile & Billing

Account holds display name, email, and password under the same Profile chrome as Notifications, Appearance, and Billing — so account settings don't live on a different-looking page from the rest of the app.

Billing shows the three plans as upgrade cards with the current plan marked, plus a small analytics strip for research projects and days tracked. Stripe handles the transaction itself; the dashboard only reflects the current state.

Tathor API Reference — REST docs overview and authentication
Tathor API docs search — popular endpoint searches

API docs

The API reference is a full docs site — overview, authentication, endpoints, webhooks, rate limits — with the analyze base URL shown in the body so a developer can start from the real host, not a placeholder.

Search sits on top of those same docs: popular searches jump to Authentication, Analyze, Profiles, Webhooks, Error Handling, and Rate Limits, so the reference is usable without scrolling the sidebar first.

Tathor mobile site — chrome wordmark hero
Tathor mobile site — Product Suite card
Tathor mobile site — Complete Profiles card
Tathor mobile site — API product card
Tathor mobile site — Stay ahead section
Tathor mobile site — Export with Complete Profiles
Tathor mobile site — Build with API
Tathor mobile site — Latest News listing
Tathor mobile site — navigation menu
Tathor mobile site — Pricing Plans
Tathor mobile site — Compare Plans
Tathor mobile site — Common Questions
Tathor mobile API Reference
Tathor mobile API docs navigation
Tathor mobile API docs search
Tathor mobile site — Latest News article card
Tathor mobile site — news article page
Tathor mobile Privacy Policy
Tathor mobile Terms of Service
Tathor mobile Cookie Policy
Tathor mobile dashboard — Overview
Tathor mobile dashboard — New research
Tathor mobile Integrations — API tab
Tathor mobile — Create API Key
Tathor mobile Integrations — Usage
Tathor mobile Profile — Account
Tathor mobile Profile — account management
Tathor mobile Profile — Billing

Mobile Optimization

We treat the phone as the same product as the desktop — not a compressed leftover. The chrome wordmark, type, and black field hold at this width: sections stack, the nav becomes a menu, and every surface from the hero through pricing, API docs, legal, and the dashboard is designed for a thumb rather than squeezed in after. Someone opening tathor.com or the app on a phone gets the same brand and the same path as someone on a laptop.

Tathor product illustration — line-drawn T mark
Tathor product illustration — Complete Profiles document
Tathor product illustration — API browser window

Website design

These three line drawings are the illustrations on the Product Suite cards, in the same order: the T mark for the core tool, the document for Complete Profiles, and the browser window for the API. They were drawn as a set so the marketing site stays in one visual language instead of mixing icon packs.

Tathor hero wordmark — chrome TATHOR logotype

Hero logo design

The chrome TATHOR wordmark on the homepage went through several rounds before this version. Early passes were too flat, too heavy, or too close to a generic metal effect — this one is the cut that holds up at hero scale: brushed edges, a real highlight, and enough contrast to read as an entrance without competing with the search field underneath it.

Tathor ad banner — outlined wordmark

Ad creative

A banner built around the outlined TATHOR wordmark — same mark language as the product suite illustrations, quiet enough to run as a brand unit without extra campaign copy on top of it.

Backend & AI

The free tier doesn't call out to a third-party model. We built our own AI engine for it, hosted on Railway, so Basic-plan analysis runs on infrastructure we control end to end. Paid plans — Business and Agency — route through OpenAI, giving those tiers the more advanced scraping and reasoning the pricing table promises. Firebase handles both the database and authentication, including Google sign-in, so a user's account, saved research, and analysis history all live in one place. The site is split across two domains: tathor.com is the marketing site, and app.tathor.com is the authenticated product — dashboard, integrations, billing, all of it. Keeping them separate means the marketing pages stay fast and public, while the actual product sits behind its own domain and its own auth.

Strategy

The brand and every page were designed first in Figma, then built out — wordmark, type, spacing, and the wireframe-style illustration system used across the product suite cards. Stripe was set up end to end for billing, so plan changes and payment state are handled by Stripe directly rather than tracked separately in the app. On the backend, we built a custom AI engine for the free tier, hosted on Railway, and connected OpenAI for the paid tiers — so the product isn't just a wrapper around one model, it's tiered by what each plan actually needs.

Design

The whole product — marketing site, dashboard, docs — stays in the same black-and-white, high-contrast palette, with almost no color used anywhere except where it's functional (status indicators, plan highlights). That restraint is deliberate: for a tool that tracks other companies' data, the dashboard needed to read as precise and professional rather than playful.

Results

Tathor runs as a full product: a marketing site on its own domain, an authenticated app on a separate subdomain, a documented REST API, Firebase for data and Google auth, a custom AI engine on Railway for the free tier, OpenAI for paid tiers, and Stripe-based billing — all sharing one visual system from the homepage down to the API docs.

More Work