SaaS & Productivity design inspiration
Real saas & productivity websites, each measured into a DESIGN.md your coding agent can read: colors, type, spacing, and the reasoning behind them. Find a taste you love, hand over its file, and your agent builds in that vibe, never a pixel copy.
118 saas & productivity designs in the collection

MakeMyReceipt
Receipt design SaaS. Large, friendly Inter display headlines with a bright orange CTA; soft warm-peach background washes; clean white cards with subtle 1px gray borders.
SaaS & Productivity · makemyreceipt.com

New Tab Notes
browser-extension. Warm, off‑white canvas with heavy Roboto display type, saturated chrome-blue CTAs, quiet grayscale text scale and small, soft shadows.
SaaS & Productivity · newtabnotes.com

Emailgic
SaaS productivity. Monumental, editorial display typography; ultra-light, layered white surfaces; soft, pill-shaped controls and subtle lavender-gray card frames.
SaaS & Productivity · emailgic.com

Flookup (style reference)
Data tools. Deep, near-black canvas with layered dark bands, bold cyan headlines and verdant CTA green, serif body text with slab voice and compact 3px radius cards.
SaaS & Productivity · getflookup.com

ChurnHalt
SaaS analytics. Deep-navy canvas and stacked dark bands, neon-emerald CTAs and badges, heavy rounded cards with a soft radial vignette.
SaaS & Productivity · churnhalt.com

Forminta
Invoice SaaS. Clean white canvas with generous whitespace, strong cobalt CTAs and pill badges, heavyweight geometric display type, soft rounded cards and a deep navy footer.
SaaS & Productivity · forminta.com

AuditBadger
Compliance SaaS. Generous white space and bold, large display type, deep indigo feature panels and rounded cards.
SaaS & Productivity · auditbadger.com

Electa Labs
SaaS-productivity. Deep near‑black canvas with high-contrast white display type, neon mint accents, and soft green radial glows.
SaaS & Productivity · electalabs.com

Analook
SaaS-productivity. Dark, cinematic gradient canvas with warm cream chrome accents, dramatic high-contrast serif display, soft glassy cards and subtle radial color hotspots.
SaaS & Productivity · analook.com

AffyList
saas-productivity. Soft white canvas and light gray chrome, bold near-black headline treatment, roomy card grid with rounded thumbnails and subtle borders.
SaaS & Productivity · affylist.com

AI Cost Board
saas-productivity. Bold, oversized Inter headlines; white canvas with soft grey cards; energetic full-bleed orange bands and pill CTAs; dark rounded dashboard panels for product screenshots.
SaaS & Productivity · aicostboard.com

Referral Rocket
saas-productivity. roomy white canvas and large serif display, deep navy section bands, bright orange CTAs and a lemon-yellow graphic motif.
SaaS & Productivity · referralrocket.io

ScrollWise
saas-productivity. Crisp, calm product marketing — heavy, friendly display type; white canvas with deep navy anchors; soft card surfaces and pale, airy gray chrome.
SaaS & Productivity · scrollwise.ai

Screenz.ai
SaaS product. airy pale canvas with abundant white space, bold condensed violet display headlines over deep purple hero bands, soft rounded cards and pill badges with subtle purple glows.
SaaS & Productivity · screenz.ai

Modulify
SaaS AI website builder. Large white canvas, single-dark chrome and generous negative space, warm orange-to-pink gradient blobs and soft glows, pill radii and inset luminous controls.
SaaS & Productivity · modulify.ai

Survser
SaaS landing. Airy white canvas and large, near-black display type; bright royal-blue CTAs and link accents; soft, pale-gray surfaces and rounded 8px cards with subtle 1px borders.
SaaS & Productivity · survser.com

OneHash
saas-productivity. Clean, friendly enterprise SaaS — oversized Poppins headlines, bright steel-blue primary accents, pill CTAs and white cards on soft, concentric-ring artwork.
SaaS & Productivity · onehash.ai

sitelifter.com
SaaS-productivity. Bright cyan hero band and soft white cards, oversized friendly headlines, rounded magenta CTAs and warm yellow accents.
SaaS & Productivity · sitelifter.com

SayBriefly
SaaS productivity. Heavy, rounded display type in deep green, warm paper canvas and hand-drawn scribble artwork, high-contrast yellow accents for call-to-actions.
SaaS & Productivity · saybriefly.com

ClickFrom.AI
SaaS marketing. Oversized hot-pink headline voice, airy white canvas with soft pink radial washes, rounded cards and pill CTAs, restrained chrome with subtle borders.
SaaS & Productivity · clickfrom.ai

TinyAdz
Advertising platform. Bold, journal-like serif display; roomy editorial vertical rhythm; pill CTAs and pale borders for a calm, honest tone.
SaaS & Productivity · tinyadz.com

Tag Parrot
SaaS productivity. Bright white canvas with a one-dark slate footer band, generous negative space and airy rhythm, soft rounded controls and a pale-warning notice stripe.
SaaS & Productivity · tagparrot.com

InterviewPal
Career-saas. Crisp white canvas, bold Inter display headlines, friendly bright green CTA gradient and soft rounded cards.
SaaS & Productivity · interviewpal.com

Nullstep
Productivity SaaS. Near-black canvas with cool-blue accents, very heavy geometric display type, pill-shaped CTAs and rounded elevated cards.
SaaS & Productivity · nullstep.app

LiteAnalytics
Analytics SaaS. soft, neutral canvas with a warm orange primary; generous, rounded call-to-actions; device-mockup hero in greys with a pale blue highlight.
SaaS & Productivity · liteanalytics.com

Produktly
SaaS product marketing. Bold, heavy display type and electric blue CTAs; soft, airy light-gray canvas with lots of white space; friendly rounded controls and subtle card shadows.
SaaS & Productivity · produktly.com

VirtualText
SaaS-productivity. Bold, very large Inter display typography; calm sky‑white canvases with pale teal washes; clean rounded cards and teal accents; hot coral CTAs that pop against one‑dark footer bands.
SaaS & Productivity · virtualtext.com

MetaSpark
SaaS productivity. Wide white canvas, bold high-contrast display typography, soft purple CTAs and diffused halos.
SaaS & Productivity · metaspark.io

Overbooked
SaaS-productivity. Heavy near-black grid canvas, oversized heavy grotesque display, soft pill CTAs with bright sky-blue glow, layered cool-to-warm hero gradients.
SaaS & Productivity · overbooked.app

EndorseHQ
SaaS marketing. Deep navy headlines and pill CTAs, roomy bone canvases and rounded cards. Heavy geometric display type with pops of sky-blue for trust.
SaaS & Productivity · endorsehq.com

BlogPro
SaaS productivity. Warm parchment canvas, editorial serif headlines and deep-dark pill CTAs; pastel translucent rounded shapes as repeating artwork; soft, elevated cards with thin stone borders.
SaaS & Productivity · blogpro.so

BulletSocial (reference)
SaaS productivity. Clean white canvas and airy, high-contrast headlines; confident, heavy figtree display type; soft blue bands and pastel confetti artwork for friendly moments.
SaaS & Productivity · bulletsocial.com

Koop
Compliance SaaS. Deep black canvas with oversized geometric typography, saturated blue gradients as the primary accent, rounded white product mockups inset over neon line-art.
SaaS & Productivity · koop.ai

Lite Journal
Personal productivity. Large airy type, sepia-paper canvas, soft borders and shadowed white surfaces.
SaaS & Productivity · litejournal.co

LeadConnect
SaaS outreach. Bold, single bright-blue banding, large weighty headings on blue, rounded pill CTAs in orange and blue.
SaaS & Productivity · leadconnect.io

Onda
SaaS productivity. Airy white canvas, oversized Roboto display headings, restrained cool-blue accents and soft grey cards.
SaaS & Productivity · getonda.app

InventoryPal
SaaS product marketing. Deep navy canvas and layered translucent cards, bold oversized display type, bright azure CTA accents.
SaaS & Productivity · inventorypal.app

MapGO
geospatial SaaS. Airy white canvas, deep navy display type and rounded pill CTAs, soft blue→green gradient accents and a faint map-grid wash.
SaaS & Productivity · mapgo.io

Ideanote
Idea-management SaaS. Soft pale canvas and roomy white cards, heavy rounded Rubik display headlines, electric cobalt call-to-action with a lavender halo.
SaaS & Productivity · ideanote.io

Velocity
SaaS analytics. Airy, white-first pages with large friendly headlines, soft drop-shadowed screenshots and a mint-green CTA voice.
SaaS & Productivity · getvelocity.co

Feedback Kit
SaaS-productivity. Clean white canvas and wide breathing room, deep teal primary for CTAs and accents, oversized Inter headlines for friendly authority, soft rounded cards with subtle drop shadows and pale circular glows.
SaaS & Productivity · feedbackkit.app

Geojet
SaaS marketing. Pale-blue canvas bands, bold heavy display type and roomy white cards, dashed orbital illustration with coral token accents.
SaaS & Productivity · geojet.io

Easy Resume
SaaS resume builder. Bold, high-contrast yellow canvas and heavy, roomy system headlines. Deep navy chrome and CTAs anchor the page. Playful black-outline illustrations and white resume imagery provide editorial contrast.
SaaS & Productivity · easyresume.io

Driftly
saas-productivity. Crisp, open white canvas with airy spacing, bold oversized Inter display headlines, electric blue CTAs and a subtle dotted grid/soft-shadow motif.
SaaS & Productivity · driftly.app

ProductLair
SaaS landing. Deep charcoal canvas, oversized white headline type, hot-pink accents and pill CTAs.
SaaS & Productivity · productlair.com

ALLO
SaaS productivity. Monumental, rounded black headlines; pale warm canvas bands and lots of breathing room; neon chartreuse accents and soft radial glows.
SaaS & Productivity · allo.io

Scopey Onsite
Construction SaaS. Deep nearly-black green canvas, explosive lime-green callouts, large Britti Sans display type, rounded pill chrome and soft white cards.
SaaS & Productivity · scopeyonsite.com

AdsGo.ai
saas-productivity. bright white canvas and wide negative space, extra-large black display headlines (heavy, geometric), purple → indigo brand gradient with neon-lime highlight, pill-shaped chrome controls and soft card panels.
SaaS & Productivity · adsgo.ai

smashleads
saas-productivity. Deep indigo gradient hero, neon-green pill CTAs, heavy geometric headlines in Spacegrotesk, airy pale chrome bands and soft long shadows.
SaaS & Productivity · smashleads.com

Trackdesk
SaaS-productivity. Bright emerald primary green, large airy headlines in a rounded sans, soft white canvas with subtle gray textures, deep green gradient bands and glossy 3D hero sculpture.
SaaS & Productivity · trackdesk.com

Rarchy
SaaS product. Deep-blue full-bleed bands, oversized geometric headlines, soft rounded chrome and white UI cards.
SaaS & Productivity · rarchy.com

Sorted³
SaaS productivity. Big, heavy display type and wide white canvas; restrained soft-gray bands and a single coral accent; device-focused white hero art with deep navy app UI.
SaaS & Productivity · sortedapp.com

SpreadSimple
SaaS landing. Generous airy white canvas, large friendly PT Sans headlines, sky-blue primary accents. Alternating pale-blue section bands and soft card shadows.
SaaS & Productivity · spreadsimple.com

podlify.com
SaaS sign-in. Bright near-white canvas, soft rounded card and controls, pastel/vivid node-colors in the logo.
SaaS & Productivity · podlify.com

RadiusRank
SaaS local-marketing. Bold condensed sans display, vivid purple CTA, soft pale canvas and deep navy testimonial band.
SaaS & Productivity · radiusrank.com

Posthyve
SaaS marketing site. Deep charcoal canvas, oversized white headings with warm orange emphasis, soft rounded cards and pill CTAs.
SaaS & Productivity · posthyve.com

WorkTrek
CMMS / SaaS. Generous, high-contrast headlines with chunky Work Sans, teal-green action color, soft mint/aqua art panels and lots of white space.
SaaS & Productivity · worktrek.com

Topicflow
SaaS productivity. Airy, trust-forward layout with large Satoshi headlines, cool blue→violet hero gradients, soft pastel bands and pill buttons.
SaaS & Productivity · topicflow.com

Reddibee
SaaS marketing. Warm, paper‑like canvas with a single vibrant orange accent; heavy, friendly display typography set in Epilogue; stitched/hatched panels and thin, desaturated chrome for a handcrafted product feel.
SaaS & Productivity · reddibee.com

Tackle
SaaS productivity. Monumental geometric headlines, neutral white canvas and deep charcoal chrome, soft rounded cards and generous white space, pastel-tinted product artwork.
SaaS & Productivity · timetackle.com

MenuTura
Restaurant SaaS. Heavy, rounded display typography; stark black canvas with bright yellow accents; clean white cards and pill CTAs; playful organic yellow hero blobs.
SaaS & Productivity · menutura.com

So Many Minutes
SaaS productivity. Large, calm cream canvases, bold display headlines in Inter, playful handwritten supporting voice. Bright pink CTAs and a pastel SVG illustration motif.
SaaS & Productivity · somanyminutes.com

OCTAPULL
SaaS productivity. Bright white canvas with a navy anchor band, bold orange CTAs, soft rounded cards and a faint pixel/grid backdrop.
SaaS & Productivity · octapull.com

TeacherSEO
SaaS productivity. Deep navy brand voice with oversized, condensed headlines; soft pale-pink canvas and roomy white cards; sky-blue CTAs and rounded, pill-friendly controls.
SaaS & Productivity · teacherseo.com

NameSnack
Naming SaaS. Oversized, heavy sans display; soft aqua bands and lots of white; friendly rounded controls and playful pastel illustrations.
SaaS & Productivity · namesnack.com

SendPulse
saas-productivity. Ultra-saturated purple/blue gradient hero, generous display type and roomy white card surfaces, coral CTA accents and pill corners.
SaaS & Productivity · sendpulse.com

Amelia
SaaS booking. Gradient-rich purple dusk and soft pastel washes, large friendly display type, rounded pills and 16px card radii.
SaaS & Productivity · wpamelia.com

Workiro
Document management SaaS. Bold, high-contrast dark hero bands with soft purple → teal halos, large geometric headings and gradient call-to-action accents.
SaaS & Productivity · workiro.com

Adsbot
SaaS marketing. Pale-cyan, high-key canvas and rounded screenshots, bold Work Sans headlines, single-radius teal CTAs.
SaaS & Productivity · adsbot.co

Ordapad
Conversational ecommerce. Big, airy type and generous white space, bright pistachio-green CTAs and a pale blue band rhythm.
SaaS & Productivity · ordapad.com

Invoiless
saas billing. Bold indigo hero band and curved footer, pale periwinkle canvas gradient, heavy uppercase display typography with white-on-purple contrast.
SaaS & Productivity · invoiless.com

iPatron
SaaS productivity. friendly, rounded orange brand; oversized Inter headlines; generous white canvas with soft peach layered shapes; playful hand-drawn orange underline and stacked rounded device cards.
SaaS & Productivity · ipatron.com

Dewstack
SaaS knowledge-base. Clean white canvas and soft, breathable cards; bold, friendly display typography; blue-first accent system and diagonal blue gradients.
SaaS & Productivity · dewstack.com

tudu
Productivity app. Deep navy canvas, heavy geometric headlines, mint-green brand accents and soft glass cards.
SaaS & Productivity · gettudu.com

CompanyHub
SaaS CRM. Bright, friendly navy + orange palette, rounded soft UI elements, large friendly headlines and blob gradients.
SaaS & Productivity · companyhub.com

FileJump
SaaS security. Deep charcoal canvas, oversized condensed display type, purple→blue neon gradients for CTAs and emphasis.
SaaS & Productivity · filejump.com

Hypervault
Enterprise security SaaS. Deep charcoal canvas and high-contrast white surfaces, editorial display headlines with a warm serif voice, vivid cobalt CTAs and soft rounded cards.
SaaS & Productivity · hypervault.com

Fomo
SaaS marketing. Warm-peach gradient canvas, bold rounded purple headings, hand-drawn purple line illustrations and friendly orange CTAs.
SaaS & Productivity · fomo.com

Screpy
SaaS productivity. Huge, airy Switzer headings and restrained body copy; soft sunrise gradient hero and pale canvas bands; compact rounded cards with a single 8px corner rhythm.
SaaS & Productivity · screpy.com

Formspark
SaaS product landing. airy white canvas, indigo-gradient callouts and friendly rounded buttons, large open type and soft gray chrome.
SaaS & Productivity · formspark.io

EasySendy Pro
Email marketing SaaS. Oversized rounded display typography, crisp black drop-shadows and stacked cards, pale concentric background arcs with playful doodle arrows.
SaaS & Productivity · easysendy.com

SheetMagic
SaaS productivity. Bright white canvas, bold dark headings, vivid mint-green CTAs, alternating light/dark surface bands.
SaaS & Productivity · sheetmagic.ai

Crewcharge
SaaS retention. Full-bleed warm orange gradient hero, huge Inter display type, white card system with soft shadows.
SaaS & Productivity · crewcharge.com

Jepto
SaaS product marketing. Airy white canvas, single vivid purple accent (#651fff), soft pastel radial glows and pill UI. Clean Proxima Nova typography, generous spacing and delicate shadows.
SaaS & Productivity · jepto.com

MaaDiy
SaaS marketing. Clean white canvas, bold condensed display headlines, bright blue action color and green call-to-action accents, soft rounded cards on pale blue gradients.
SaaS & Productivity · maadiy.com

LightPDF
SaaS productivity. Large, friendly blue display typography, soft pastel halo backgrounds, heavy rounded cards with deep diffuse shadows.
SaaS & Productivity · lightpdf.com

Sociosight
SaaS productivity. Bold, oversized Inter display type; warm orange‑to‑red CTAs and bands; lots of white space with heavy black footer; playful rounded badges and pill buttons.
SaaS & Productivity · sociosight.co

Loopcv
SaaS-productivity. Soft pale-blue canvas and wide, geometric display typography. White, rounded 16px cards with thin cool borders and a deep, soft shadow. Playful semicircle illustration accents pulled from hero art.
SaaS & Productivity · loopcv.pro

Labrika
SaaS productivity. Wide white canvases and heavy navy bands, lime-green primary actions and soft periwinkle CTAs, product screenshots on airy backgrounds.
SaaS & Productivity · labrika.com

PitchBob.io
SaaS pitch tooling. Large, friendly display type with soft geometric blue accents, roomy rounded cards and pale neutral bands, heavy-but-soft purple CTAs.
SaaS & Productivity · pitchbob.io

Medullar
SaaS productivity. Large airy grey typography, white canvas with soft pale-grey side bands, restrained UI chrome and a single bright action tone for links.
SaaS & Productivity · medullar.com

SwifDoo PDF
PDF utility. Bright white canvas, mint-to-teal gradient accents, large heavy Mulish headlines and soft rounded cards.
SaaS & Productivity · swifdoo.com

InAppStory
SaaS product. Heavy, confident display type and deep-blue brand voice, pastel gradient backgrounds and rounded, card-first layouts, restrained flat elevation with pill CTAs.
SaaS & Productivity · inappstory.com

Lampant
SaaS productivity. Soft periwinkle canvas with a saturated indigo primary, very heavy geometric display headings, and a mosaic of bright idea-cards and friendly illustrations.
SaaS & Productivity · lampant.com

BookAutoAI
SaaS productivity. Warm cream canvas with a tiny dot-grid texture, bold DM Sans headlines and heavy rounded pill CTAs, bright yellow calls-to-action and soft green success accents.
SaaS & Productivity · bookautoai.com

IdeaBuddy
SaaS business planning. Bold, friendly navy headlines; generous white space and soft blue canvases; rounded 8px components and bright CTA blue with a warm yellow accent.
SaaS & Productivity · ideabuddy.com

Birabo
SaaS productivity. Quiet white canvas, large friendly Lato headings, deep charcoal CTAs and footer, soft illustrated hero/video with pastel file icons.
SaaS & Productivity · birabo.com

Enhanci
SaaS marketing. Deep near-black canvas, oversized humanist headlines, neon-cyan highlights and a soft bi-color gradient ripple across the hero.
SaaS & Productivity · enhanci.com

BuzzBlender
SaaS productivity. airy white canvas and wide margins, confident large black headings, magenta-pink brand accents and pill CTAs.
SaaS & Productivity · buzzblender.com

Changelogfy
SaaS product marketing. Monumental, geometric headlines and calm, roomy white space; soft rounded cards with subtle 1px borders; colorful, full-bleed gradient frames and a single vivid violet accent band.
SaaS & Productivity · changelogfy.com

Indexguru
SaaS landing. Big airy white canvas, confident dark headings and bright green calls-to-action, vivid teal screenshot frames and occasional blue→purple gradient bands.
SaaS & Productivity · indexguru.com

LinkedCamp
SaaS product. Bold geometric display type, bright blue brand gradient, airy white canvas and soft rounded cards.
SaaS & Productivity · linkedcamp.com

All Web Forms
Form builder SaaS. Soft, rounded surfaces and pill chrome; large Sora display type; pastel multi-stop gradients and airy cream canvases.
SaaS & Productivity · allwebforms.com

Deputy
Workforce SaaS. Deep indigo fields, oversized friendly headlines, teal call-to-actions and warm coral accents.
SaaS & Productivity · deputy.com

Fibery
Work platform. Warm cream canvas, oversized condensed headings in deep brown, playful isometric illustrations and a grid texture, rounded pill UI with soft drop shadows.
SaaS & Productivity · fibery.io

Pilot
Bookkeeping & accounting. Deep, theatrical purple hero bands, oversized circular sans headlines, pastel cyan and lemon surfaces, pill CTAs with purple glow.
SaaS & Productivity · pilot.com

Superlist
Productivity landing. Deep, velvety dark canvas, oversized geometric headlines, saturated red CTA gradient and playful purple/pink hero pigments.
SaaS & Productivity · superlist.com

Mailshake
SaaS product marketing. Big open display type, clean white canvas, saturated blue surface blocks, vivid magenta call-to-actions.
SaaS & Productivity · mailshake.com

Sendbird
SaaS productivity. Airy white canvas and giant, understated display typography; soft, heavily rounded cards and subtle pale surfaces; hero artwork uses cool-to-warm photographic gradients framed in pill corners.
SaaS & Productivity · sendbird.com

Jotform
Form builder SaaS. Bold navy headings and bright orange CTAs, soft pastel illustration tiles, wide one-dark-band rhythm.
SaaS & Productivity · jotform.com

Frontegg
SaaS security. Deep charcoal canvas, oversized mono display type, soft white chrome and rounded 12px buttons.
SaaS & Productivity · frontegg.com

Clay
SaaS product marketing. Oversized Roobert typography, soft rounded cards and pills, playful 3D clay artwork in saturated teal/green hues.
SaaS & Productivity · clay.com

Pitch
SaaS presentation. Overscaled geometric headlines, deep one-dark purple bands, lavender glow gradients and rounded pill CTAs.
SaaS & Productivity · pitch.com

Reflect Notes
SaaS-productivity. Deep night canvas with violet neon glows, enormous Aeonik headings and soft glassy inset surfaces.
SaaS & Productivity · reflect.app

Capacities
SaaS-productivity. Soft, warm canvas with a pale radial halo, big heavy display headlines and low-contrast body copy, rounded white cards with delicate pale borders and pill badges.
SaaS & Productivity · capacities.io

Sunsama
Productivity / daily planner. Generous white space and calm, off-white surfaces; bold, large DM Sans headlines; warm orange gradient accents and pill CTAs.
SaaS & Productivity · sunsama.com

Amie
SaaS productivity. Airy white canvas and soft rounded panels, heavy black headlines and restrained grey body copy, bright cyan CTAs with subtle gradient accents.
SaaS & Productivity · amie.so
FreeLoom
saas-productivity. Wide open white canvas, heroic heavy-display headlines in Charlie Display, bright cobalt primary (#1868db) used as bold call-to-action and full-bleed band color, playful rounded cards in pastel fills and stacked device artwork.
SaaS & Productivity · loom.com
