How this site is made

The stack, fonts, colors, and infrastructure behind maniai.com.

Tech Stack

Astro

Site →

Static site generator for the marketing site. Zero JS by default, islands architecture for interactive components.

React

Site →

Interactive components in the web app (dashboard, swipe queue, campaign studio).

Hono

Site →

Lightweight web framework powering the API server. Runs on Bun with Fastify-compatible middleware.

Drizzle ORM

Site →

Type-safe database queries. Schema-as-code with generated migrations.

PostgreSQL

Site →

Primary database. Hosted on Railway with daily backups.

Redis

Site →

Caching layer, rate limiting, and BullMQ job queues.

BullMQ

Site →

Job queue for background tasks: ad generation, brand DNA scanning, email delivery.

Tailwind CSS

Site →

Utility-first CSS framework. Extended with custom CSS variables for the brand design system.

Typography

Inter

Credit →

Primary body font. Clean, highly legible, designed for screens.

Plus Jakarta Sans

Credit →

Display headings. Geometric sans with personality.

Fraunces

Credit →

Editorial italic accent. One italic span per heading for brand flavor.

JetBrains Mono

Credit →

Code blocks and technical content. Ligature support for readable code samples.

Color System

#6E5CFF

Violet

#1a1a2e

Ink

#f8f7ff

Background

#e8e6f0

Border

#FF6B6B

Accent

Colors are defined as CSS custom properties (variables) in the design system and referenced throughout the site. Light theme is the default. Dark theme tokens exist but are not yet exposed to users.

Infrastructure

Railway

All production services. API, web app, worker, databases. GitHub integration for deploy-on-push.

Cloudflare

DNS, CDN, and edge caching. DDoS protection on the free tier.

GitHub Actions

CI runs on the production branch. Lint, type-check, and test gate before deploy.

Biome

Linter and formatter. Single tool replacing ESLint + Prettier.

Vitest

Test runner. Fast, Vite-native, compatible with the monorepo structure.

AI Assist

Claude Code by Anthropic

Parts of this site and product were built with AI assistance via Claude Code. The marketing pages, i18n translations, and content generation were accelerated by AI agents working under human direction and review. Every line ships through the same git workflow and code review process regardless of who (or what) wrote it.

Source

The source code for maniai.com is currently in a private repository. When we open-source the marketing site (planned), it will be available at github.com/Downshift/ManiAI.

Questions about the stack? Check the FAQ or book a demo.