ServiceTitan — Trades Corporate

Clean Corporate

White-base enterprise SaaS built on real trade-worker photography with restrained red-and-blue accent color.

ServiceTitan — Trades Corporate preview — Scrolling capture — scroll inside the frame to see the whole page

Mood: Enterprise-trustworthy and operational. Feels like software built for people who work with their hands, not a generic SaaS template.
Colors: White base (#FFFFFF), near-black headline text (#0F1115), a coral-red primary accent (#E6432E) used only for the main CTA, a secondary electric-blue (#2F6FED) for links and icons, muted gray body copy (#5B6472), and a near-black hero/footer band (#0B1220).
Type: A bold grotesque sans (Söhne or Inter at heavy weight) for headlines, tight and left-aligned rather than centered; regular-weight body copy in the same family at generous line-height.
Layout: Dark full-bleed photographic hero with left-aligned headline, email-capture bar, and red CTA, trust-logo strip along the hero's bottom edge; below, white sections alternate photo-plus-text blocks, card grids with outline buttons, and a testimonial carousel of video-thumbnail cards with dot pagination.
Motion: Subtle, functional: carousel auto-advances with dot indicators, video-thumbnail play buttons scale slightly on hover, cards lift a few pixels on hover. No decorative animation.
Texture: Real, unretouched-feeling job-site photography is the dominant texture; flat white cards with 1px light-gray borders and soft shadow; a thin dashed-line vector diagram for integrations; moderate 8-12px corner radius throughout.
Imagery: Generate: real-feel photography of tradespeople on job sites (HVAC techs, electricians, construction) shot in natural light, plus a simple blue hub-and-spoke integration diagram with dashed connector lines. Tool: kie-ai Flux or GPT-Image for photographic scenes; nanobanana for the vector diagram icons.
Don't: No illustration-heavy or cartoon style, no dark-mode-only design, no neon or saturated multi-color gradients, no rounded-bubble UI — keep the palette to white + near-black + one red + one blue.

Use in a session

servicetitan

Tell Claude: build [my thing] using swipe ref servicetitan

Full recreation prompt

Recreate a landing page in the "ServiceTitan — Trades 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: Enterprise-trustworthy and operational. Feels like software built for people who work with their hands, not a generic SaaS template.
- Colors: White base (#FFFFFF), near-black headline text (#0F1115), a coral-red primary accent (#E6432E) used only for the main CTA, a secondary electric-blue (#2F6FED) for links and icons, muted gray body copy (#5B6472), and a near-black hero/footer band (#0B1220).
- Typography: A bold grotesque sans (Söhne or Inter at heavy weight) for headlines, tight and left-aligned rather than centered; regular-weight body copy in the same family at generous line-height.
- Layout: Dark full-bleed photographic hero with left-aligned headline, email-capture bar, and red CTA, trust-logo strip along the hero's bottom edge; below, white sections alternate photo-plus-text blocks, card grids with outline buttons, and a testimonial carousel of video-thumbnail cards with dot pagination.
- Motion: Subtle, functional: carousel auto-advances with dot indicators, video-thumbnail play buttons scale slightly on hover, cards lift a few pixels on hover. No decorative animation.
- Texture: Real, unretouched-feeling job-site photography is the dominant texture; flat white cards with 1px light-gray borders and soft shadow; a thin dashed-line vector diagram for integrations; moderate 8-12px corner radius throughout.
- Avoid: No illustration-heavy or cartoon style, no dark-mode-only design, no neon or saturated multi-color gradients, no rounded-bubble UI — keep the palette to white + near-black + one red + one blue.

Imagery (generate real assets, do not use placeholders): Generate: real-feel photography of tradespeople on job sites (HVAC techs, electricians, construction) shot in natural light, plus a simple blue hub-and-spoke integration diagram with dashed connector lines. Tool: kie-ai Flux or GPT-Image for photographic scenes; nanobanana for the vector diagram icons.

Reference exemplar: https://www.servicetitan.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://www.servicetitan.com/ ↗