← All references

Stripe — Clean Corporate

Clean Corporate

Bright, trustworthy, gradient-forward corporate SaaS with immaculate spacing.

Stripe — Clean Corporate preview
Mood
Trustworthy, polished, enterprise-ready but not stuffy. Confident and quietly premium.
Colors
White base, indigo/purple primary (#635BFF family), a flowing multi-hue diagonal gradient (teal to violet to orange) used in the hero band. Slate-gray body text.
Type
A clean humanist sans (Stripe uses a custom sona-serif-free grotesque). Large but restrained hero headline, tight leading on headings, roomy body. Numerals and code set in mono for credibility.
Layout
Angled/skewed gradient hero band, generous whitespace, three-up feature columns, logo trust bar, code snippet panels. Everything on a strict grid with wide gutters.
Motion
Subtle animated gradient that shifts hue slowly, soft fade/slide-ins, hover lifts on cards. Restrained and smooth.
Texture
Flat with one signature: the diagonal color-mesh gradient. Light card shadows (soft, low-opacity), rounded-but-tight corners.
Imagery
Generate: a diagonal multi-hue mesh gradient band (teal to violet to orange), clean product/dashboard mockups, and a monochrome logo trust row. Keep it bright and orderly. Tool: kie-ai Flux for the mesh gradient; GPT-Image for UI panels.
Don't
No dark backgrounds as the default, no heavy borders, no aggressive motion. Keep it airy and orderly.

Use in a session

stripe-corporate

Tell Claude: build [my thing] using swipe ref stripe-corporate

Full recreation prompt

Recreate a landing page in the "Stripe — Clean Corporate" style (Clean Corporate). This is a VIBE / STYLE-TRANSFER task, not a clone: apply the design DNA below to MY content and section structure, do not copy the reference's copy or exact layout.

Design DNA:
- Mood: Trustworthy, polished, enterprise-ready but not stuffy. Confident and quietly premium.
- Colors: White base, indigo/purple primary (#635BFF family), a flowing multi-hue diagonal gradient (teal to violet to orange) used in the hero band. Slate-gray body text.
- Typography: A clean humanist sans (Stripe uses a custom sona-serif-free grotesque). Large but restrained hero headline, tight leading on headings, roomy body. Numerals and code set in mono for credibility.
- Layout: Angled/skewed gradient hero band, generous whitespace, three-up feature columns, logo trust bar, code snippet panels. Everything on a strict grid with wide gutters.
- Motion: Subtle animated gradient that shifts hue slowly, soft fade/slide-ins, hover lifts on cards. Restrained and smooth.
- Texture: Flat with one signature: the diagonal color-mesh gradient. Light card shadows (soft, low-opacity), rounded-but-tight corners.
- Avoid: No dark backgrounds as the default, no heavy borders, no aggressive motion. Keep it airy and orderly.

Imagery (generate real assets, do not use placeholders): Generate: a diagonal multi-hue mesh gradient band (teal to violet to orange), clean product/dashboard mockups, and a monochrome logo trust row. Keep it bright and orderly. Tool: kie-ai Flux for the mesh gradient; GPT-Image for UI panels.

Reference exemplar: https://stripe.com. Build the page around the content I give you next, faithfully channeling this aesthetic, and generate the matching imagery described above.

Reference exemplar

https://stripe.com ↗