← 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.
