Tom Osman
← Back to PortfolioPersonal Project

Brand Intelligence Platform

Sigil & Sans

A premium brand intelligence platform that turns any URL into a structured design report. It blends an Archival Modernism aesthetic with Gemini 2.5 Flash analysis, Next.js 16, and a monetized Node.js/Express backend to deliver editorial-grade insights instantly.

Visit Site

Deliverables

  • -Brand strategy and visual identity extraction system framed by an Archival Modernism presentation.
  • -Next.js 16 + React 19 + Tailwind 4 shell powering brand kit generation, AI analysis, and history archives.
  • -Node.js + Express 5 API with PostgreSQL, Drizzle ORM, and Stripe billing backing subscriptions and favorites.

Highlights

  • -Archival Modernism visual language with Crimson Pro and JetBrains Mono typography.
  • -Soft brutalist grid layouts built with Next.js 16 + React 19 + Tailwind 4.
  • -Node.js + Express 5 stack paired with PostgreSQL, Drizzle ORM, and Stripe billing.

Core Features

  • -Universal Brand Extraction - convert any URL into palettes, fonts, logos, and usage notes.
  • -AI-Powered Brand Analysis - Gemini 2.5 Flash evaluates personality, tone, and color psychology.
  • -Flexible Asset Management - export assets individually or as curated ZIP archives.
  • -Personal Archive - save favorite brands, attach notes, and resurface history instantly.
  • -Subscription Economy - Pro tier unlocks advanced AI insights and unlimited history.

Technical Architecture

  • -Frontend: Next.js 16 App Router + React 19 + Tailwind 4 for fluid, editorial UX.
  • -Backend: Node.js + Express 5 API with Drizzle ORM on PostgreSQL.
  • -AI Services: Gemini 2.5 Flash powering structured brand analysis and narrative insights.
  • -Payments: Stripe billing via stripe-replit-sync for subscription lifecycle automation.
  • -Auth: Replit Auth with OpenID Connect handling secure, seamless login.

Key Technical Implementations

  • -Hybrid server architecture: Express API alongside the Next.js App Router.
  • -Robust caching with 7-day persistence for AI analysis to balance cost and speed.
  • -Secure session management with PostgreSQL-backed sessions and automatic token refresh.
  • -Managed Stripe webhook processor auto-configured via stripe-replit-sync.
  • -Drizzle ORM schema for users, brands, analyses, and favorites with type-safe relations.

Design & Experience

  • -Archival Modernism look blending Crimson Pro, JetBrains Mono, and tactile parchment tones.
  • -Soft brutalist components with hairline borders, inset shadows, and geometric dividers.
  • -Tabbed data model separating brand assets, AI signature study, and source data.
  • -Responsive, tactile motions inspired by editorial spreads and physical brand binders.

Security & Scalability

  • -Env-var driven secret management for Gemini, Stripe, and database keys.
  • -OIDC flow with secure HTTP-only cookies and rotation for session tokens.
  • -Role-based access control enforcing Pro entitlements on premium AI features.
  • -Production-ready Express server with trust-proxy, rate limiting, and audit logging.

Technical Highlights

  • -Demonstrates modern full-stack execution, AI integration, and premium editorial design in one cohesive SaaS proof.
Sigil & Sans interface with brand extraction summaries and AI analysis panels