June AI
june.ai/
June AI is a Engineering & Infrastructure product. See its june.ai landing page design in full — desktop and mobile screenshots plus close-ups of the heroes, features, footers and about us. It's built with Webflow. Its type is set in Ivoryll, anchored by a #f1efab palette. Study how June AI structures its messaging, layout and visual hierarchy, then explore more of the best Engineering & Infrastructure website designs.
- Category
- Engineering & Infrastructure
- Style
- LightMinimal
- Stack
- Webflow
- Fonts
- IvoryllSharp SansSharp Earth Mono
- Palette
- Meta title
- AI-Driven Enterprise System Deployment | June
- Sections
- 4
- Updated
June AI's landing page, section by section
Each section below is cropped straight from June AI's live page — useful references for engineering & infrastructure landing page design.
June AI design review: how the homepage is built
The June homepage runs about 9,900 pixels at 1440 wide: a blue announcement strip, a three-item header, a serif headline over a line-art kangaroo surfing a wave, a logo carousel, illustrated cards, a dark panel, a flower-wreath divider, a numbered four-step list, a credentials row and a closing card. The page brand reads "June", not June AI. Colour comes from a warm off-white (#f3f2ee) with pastel yellow (#f1efab), pink (#ffced7) and blue (#bddefd) on buttons and badges. Ivoryll serif carries headlines and Sharp Earth Mono carries buttons, tags and labels.
Above the fold
A strip reading "JUNE IS OFFICIALLY JUMPING! READ MORE" sits above the header. Two outlined buttons, "PRODUCT" and "COMPANY", flank a centered black wordmark, with a pink "GET A DEMO +" button at right. The tracked eyebrow "END THE DROUGHT" leads into a two-line headline with "any enterprise" in bold italic. A yellow demo button sits under the subhead, and the surfing kangaroo fills the rest of the screen.
Logo row, cards and dark desert panel
"Built to work across the enterprise platforms your business relies on" introduces a row of white tiles: Snowflake, Salesforce, Databricks, Oracle, Workday, ServiceNow and SAP. Three equal cards follow, titled "Evolve safely", "Own the logic" and "Transform at any size", each with a fairground drawing. A near-black block then states "Most enterprise systems live in an infinite desert." beside four ruled problems, starting with "Dried out by the human bottleneck".
Flower wreath and the four-step list
A white card reading "washes the friction away" sits inside a wreath of pastel flowers. "Understand. Build. Enhance. Communicate." opens four rows numbered 01 to 04: "Map how work gets done", "Build new. Move anywhere", "Surface where AI can help" and "Make every change stick". Each pairs text and a beige "SEE MORE" button with a wide panel on the right. Only the first panel shows a product screen; the second holds a placeholder icon and the last two are blank.
Closing section and footer
"Flooded with credentials" shows four blue tiles for SOC2, ISO 27001, HIPAA and GDPR. "Move faster with June Experts." brings three white cards, "On Demand", "Accountable" and "Trusted Partners". A split card titled "Hop in the water" pairs a pink demo button with a second kangaroo drawing. The footer holds a striped JUNE logotype, four pill links, a yellow "EXPLORE JUNE +" button and one row of legal links.
On mobile
At 390px the page stretches to about 9,400 pixels. The header drops to the announcement strip, the headline wraps to four lines and the demo button follows the subhead. The logo carousel shows three tiles and the fairground cards stack full width. The four problems become rows with plus icons. The three expert cards stay in one row, and the closing demo button spans its card.
Worth borrowing
- Setting "any enterprise" in bold italic inside an all-serif headline adds emphasis without a second typeface.
- One kangaroo character repeats in the hero, the closing card and the footer, giving a dry integration product a recurring mascot.
- A single near-black block with the eyebrow "THE SAND TRUTH" breaks up an otherwise pastel page.
