Theme · Company Site · Beginner

Corporate Website

Corporate website = a product-led hero, a trust logo row, three capability sections, and one closing call to action.

Skip to the modify prompt →

Payments infrastructure

Build the next era of finance

A fully integrated suite to accept payments, manage revenue, and grow.

Net volume$48.2k

Payments1,284

Success rate99.1%

Trusted by 200,000+ businesses

PaymentsOnline and in-person

BillingSubscriptions and invoicing

ConnectPlatforms and marketplaces

How to prompt it

Build a Stripe-style corporate website for "Stride", a payments-infrastructure company.

STYLE
- Deep navy (#0a2540) navigation and hero, white body below
- Signature blurple (#635bff) gradient glow in the hero corners
- White CTAs on the dark hero, pill-shaped; blurple "Sign in" in the nav

LAYOUT
- Sticky top nav: wordmark "Stride", 4 section links (Products, Solutions, Developers, Pricing), one blurple "Sign in" pill
- Dark hero: kicker "Payments infrastructure", headline "Build the next era of finance", supporting line "A fully integrated suite to accept payments, manage revenue, and grow.", two CTAs, and a product mock (dashboard card with rows: Net volume $48.2k, Payments 1,284, Success rate 99.1%)
- Trust strip ("Trusted by 200,000+ businesses" + grayscale logos)
- 3-column capability grid: Payments — "Online and in-person"; Billing — "Subscriptions and invoicing"; Connect — "Platforms and marketplaces"

COMPONENTS
- Navigation: wordmark, 4 links, one pill button
- Hero: uppercase kicker, headline, sub-line, CTAs ("Start now" solid, "Contact sales" outlined), product mock with a window bar and metric rows
- Trust strip: line of copy plus 4 grayscale logos
- Capability cards: bold label plus one line of copy, hairline border

TECHNICAL
- React
- Tailwind CSS
- shadcn/ui

Revise only the trust and capability sections of this corporate site.

CHANGES
- Turn the logo strip into a single muted row with no boxes
- Reduce to three equal capability cards, one icon each
- Shorten every card body to two lines

DO NOT
- Do not touch the hero or the closing CTA
- Do not add new colours

Build a Stripe-style corporate website for a payments-infrastructure company.

STYLE
- White base, #f6f9fc tinted sections, hairline #e6e6e6 borders
- One blurple accent #635bff, 12px radii
- Generous whitespace; sections are separated by space, not by rules

LAYOUT
- Sticky navbar with a product dropdown
- Product-led hero: headline, subhead, two CTAs, product visual
- Muted client logo row
- Three capability cards, then one closing CTA band

COMPONENTS
- Navbar, button, card, badge, link, tabs
- Every card carries an icon, a title, and exactly two lines of body

TECHNICAL
- React, Tailwind CSS, shadcn/ui
- Full keyboard focus rings; every icon-only button has an aria-label

MOTION
- Nav underline: 160ms ease-out. Section reveal: 200ms fade, once only.
- No parallax. No scroll-linked movement on a corporate page.
- Hero: static, unless one orchestrated entrance is justified.
- prefers-reduced-motion: reveals become instant.

Modify prompts change only the target — the rest of your page stays untouched.

Tips

Keep the hero dark and let the gradient glow do the branding. Render customer logos in grayscale so they never outrank your headline.

Corporate Website

Build the next era of finance

Tips

See also

Components

Animations

Styles

Themes

Prompts

Glossary

Anti-patterns