ZenoCloud Website Redesign — All Concepts

GrowthSchool-Inspired — Warm Cream + Teal (NEW)

Warm cream #FCF8EF base. Deep teal #012726 hero sections. Gold #FFEBC7 highlights. IBM Plex Sans. Rounded cards. Friendly, approachable, premium. Inspired by growthschool.io — adapted for infrastructure.

Homepage

growthschool-homepage.html

Deep teal hero, cream sections, gold stats band, rounded service cards, "How it Works" steps, pricing cards, warm testimonial.

The Blueprint — Engineering Specification RECOMMENDED

Technical drawing aesthetic. Monospace typography. Thin blue grid lines. Infrastructure diagrams. Data sheets. Sharp 0px corners. Feels like an engineering spec document — unique in the hosting industry.

Homepage

blueprint-homepage.html

"MANAGED INFRASTRUCTURE SPECIFICATION" — architecture diagram, capability spec cards, monospace stats, pricing table, contact form.

Pricing

blueprint-pricing.html

"SERVICE_SPECIFICATIONS_&_PRICING" — hosting cards, compute table, GPU specs, cloud ops, security. Clean rows with hairlines.

Product — WordPress

blueprint-product.html

"MANAGED_WORDPRESS_HOSTING" — architecture diagram, benchmark vs Kinsta/WPEngine, 3 allocation tiers, deployment CTA.

Contact

blueprint-contact.html

"INITIATE_CONTACT" — blueprint-style form, monospace phone numbers, system status panel, registered office.

The Terminal — CLI/Dark Mode

Green-on-black terminal aesthetic. Simulated CLI sessions. "$ zenocloud status --all". For DevOps buyers who live in terminals.

Homepage

terminal-homepage.html

Terminal hero with blinking cursor, service panels as terminal windows, telemetry dashboard, "cat /etc/pricing.conf" table.

Warm Editorial — Stitch Generated

Warm paper base (#FAF9F6). Serif headlines. Forest green accent. Hairline borders. Editorial two-column layouts. Table pricing.

Homepage

warm-homepage.html

Serif editorial hero, green monospace stats, two-column services, server room photos, testimonial, pricing preview.

Pricing

warm-pricing.html

"Predictable Infrastructure Pricing" — table rows with hairlines, green monospace prices, FAQ.

Product — WordPress

warm-product.html

Problem-first headline, features, competitor comparison, testimonial, 3-tier pricing.

Contact

warm-contact.html

"Let's talk." — tabbed sidebar, form, monospace phones, uptime badge.

Claude-Built Variants — Code Generated

Three homepage variants built directly in HTML/CSS, each informed by competitor research (WPEngine, LiquidWeb, Oxide, Vultr, Linear).

Variant A: Editorial

variant-a-editorial.html

WPEngine meets Stripe. Lora serif + Inter. Blue-gray tinted sections. Navy contrast. Image hero with stats.

Variant B: Warm

variant-b-warm.html

LiquidWeb warmth + Linear precision. Paper base. Forest green. Hairlines not cards. Table pricing.

Variant C: Dark

variant-c-dark.html

Oxide meets Vultr. Near-black. Ultra-light Inter 300. Monospace stats. Architecture diagram. Amber accents.

Stoic Architect — Original Stitch Batch

First round from Google Stitch. Instrument Serif + warm paper. Monospaced stats. Hairline rules. Architectural monograph aesthetic.

Homepage

stoic-homepage.html

Serif headlines, warm paper, monospaced stats, server hall photo, hairline separators.

Pricing

stoic-pricing.html

Table layout like a wine list. No cards. Serif headings. Clean rows.

Product — Magento

stoic-product.html

Editorial product page. Problem-first. Large testimonial. Server room imagery.