leadswizard.io - branding and front-end

Leads Wizard is a lead generation platform for sales professionals and recruiters. The founder needed a brand and a marketing site built from scratch, something professional without feeling like every other SaaS tool.

Brand

The palette is built around Mariner Blue as the primary, a deliberate step away from generic corporate blue, with enough saturation to feel distinctive. A warm orange (#FF9466) handles CTAs and important actions, which gives the brand energy without tipping into playful. Green covers success states and progress. The full palette is systematized into scales, so it translates cleanly into UI.

For typography, Outfit handles everything structural: clean, geometric, reads well at any size. Spectral comes in as a secondary voice, a serif with personality that softens the otherwise clean-cut aesthetic.

The brand guidelines were delivered at V0.1: a working foundation covering palette, type, logo direction, tone of voice, and target audience.

Frontend

Built with Astro and Vue, with Appwrite handling backend functions. The marketing site covers the homepage, three search tool pages (email finder, LinkedIn search, job title search), pricing, and a blog. Vue components handle the interactive parts: the hero search, pricing plans, forms.

The dashboard is a separate authenticated layer: lead finder, contacts management, a directory, profile, and subscription. The architecture keeps the static marketing site fast while the dashboard runs as a full client-side Vue application inside Astro's islands model.