Marketing conventions
Persuasion with clarity, not product-density.
Marketing surfaces speak to acquisition personas. They can use larger display scale, more expressive spacing, and stronger CTA emphasis than app surfaces, but they should still be driven by the same brand tokens.
Live shared preview
Lead with clarity.
Convert with confidence.
This preview uses the shared marketing hero component and shared button styles from the real UI package.
Marketing previews should import shared primitives rather than recreate lookalikes.
Surface rules
Use the marketing layer for persuasion, acquisition, pricing, and conversion flows.
Support stronger hierarchy, broader spacing, and more expressive CTA framing.
Prefer marketing primitives like `MarketingHero`, `FeatureCard`, and `PricingCard` when the page is selling or orienting.
Keep marketing-specific choices explicit so they do not leak into the product app by accident.
When to choose marketing over app
Choose the marketing surface when the page is introducing value, comparing plans, or encouraging exploration. Once the user is signing in, signing up, accepting an invite, or completing setup, the interaction has moved into the app layer even if it still carries brand warmth.
Marketing should feel welcoming and directional. It should not inherit the denser task-flow rhythm of the product interface.