Collection · 5 assets

SaaS Marketing

Navigation, hero, features, and pricing for a product marketing site.

marketingsaas

Harbor
Product
Customers
Pricing
Docs
Floating Top Navigation
A compact floating product header with labeled links.
- navigation
- 3 variants
DRAFTMinimal Product
Operations software
Keep field work visible without another dashboard maze
A product hero for scheduling, dispatch, and status — not a decorative landing collage. Copy stays readable. The visual is a working panel.
Today · 14 jobs
08:30 Install — Westside
10:15 Inspection — Harbor St
13:00 Repair — queued
Modern SaaS Hero
A product hero with a working-panel visual instead of a giant empty gradient.
- marketing
- 3 variants
DRAFTNeutral Professional
Named tokens
Color, type, and space come from the token contract, not one-off hex values.
Live preview
Each asset is a real React surface. Viewport labels match actual widths.
Agent contract
Search, guidance, and implementation stay serializable JSON — no React in the registry.
Animated Feature Grid
A feature grid with optional CSS reveal. Not a bento collage.
- marketing
- 3 variants
DRAFTNeutral Professional
Field
$49/mo
One workspace
Job board
Email notices
Crew
$119/mo
Dispatch board
Technician app
SLA watch
District
$249/mo
Multi-yard
Audit export
Priority support
Pricing Comparison
An editorial pricing comparison without glowing featured cards.
- marketing
- 3 variants
DRAFTEditorial
Motion asset
Measured grid, not glow
CSS translation only. Honors reduced motion. No Anime.js or WebGL unless a later asset declares those dependencies.
Animated Grid Background
A CSS grid field that pans slowly. Reduced-motion stops the pan.
- motion
- 2 variants
DRAFTDark Technical

Floating Top Navigation

Modern SaaS Hero

Animated Feature Grid

Pricing Comparison

Animated Grid Background