Continuity Board
Black and ivory AI services homepage with a full-width split-flap board spelling WORK and small electric violet squares.
- Astro
- HubSpot
- WordPress
- Framer soon
The squeezing the lemon theme really struck gold.Anthony HsiaoCEO, Matterway Instant price From $1,999 a month Pick the processes you need and see your monthly price before you talk to anyone. See your instant price
Most agencies force you down their predefined workflow. Growigami understood what I needed and adapted.Arthur ArgyropoulosFounder, CabFare
An AI services homepage told in flat, screen-printed illustrations. In the hero a big coral canopy keeps a cobalt storm of brush strokes off a small team at their desks, and each later section gets its own scene, from stacked building blocks to a researcher with a magnifying glass.
Screenshots of the live demo at 1440 and 390 pixels. The content is placeholder: Covehold, a fictional company that builds and runs AI systems for other businesses.
Free: a short form (first name and work email) once, then every zip downloads straight away. Free to use and adapt for personal and commercial sites. Each zip holds one folder, possibility-shelter, with a README; the install steps below are condensed from it.
An Astro project: one component per section, design tokens in global.css, images in public/assets.
Needs Node 22.12 or newer.
A HubSpot CMS theme: one module per section, each with its own fields, plus Home and Page templates.
Needs a free HubSpot account and Node.js 20 or newer for the HubSpot CLI.
A WordPress block theme: one block per section with its fields in the editor, plus page, post, blog and 404 templates.
Needs WordPress 6.6 or newer and PHP 7.4 or newer.
Framer version coming soon. It will be listed here next to the other three downloads.
In page order. In HubSpot each one is a module and in WordPress a block, 93 fields in all; in Astro each is one component file. Remove, reorder or reuse any of them on its own.
Navy Covehold wordmark with a coral C mark, three section links and an outlined "Bring us the mess" button
11 fields · has its own script"AI moves fast. We build what holds." beside a coral canopy shielding four workers from a cobalt brush storm
8 fieldsTwo Realities: flying shapes for possibility that never stands still, a person stacking blocks for solid ground
11 fields"The connection is the capability." with blue shapes converging into four coral icon steps and a link to the standard
9 fieldsNavy band with the six conditions in a ruled three by two grid, each with a coral SVG icon and coral number
22 fieldsFour client problems in a two by two grid, each paired with its own illustration and a two-line outcome
18 fieldsCoral band: "The next connection is yours." with a curved navy line beside ivory name and work email fields
10 fields · has its own scriptIvory footer with the wordmark and mark, "The work beneath the work." and "People. Intelligence. Operations."
4 fieldsThe first screen is warm ivory with a navy Covehold wordmark and a coral circular C mark. "AI moves fast. We build what holds." sits large in bold navy Roboto on the left, above the intro and a coral "Bring us the mess" button. On the right a flat illustration shows a coral canopy on two legs, four small figures working and passing a document beneath it, and dense cobalt brush strokes with coral and white confetti sweeping above.
Two Realities splits into equal columns with a fine divider: flying blue and coral shapes for "Possibility doesn't stand still", and a person stacking blocks for "Your business needs solid ground". The connection draws loose blue shapes converging into coral lines and four coral icon circles. A navy band holds the six conditions in a ruled three by two grid with coral icons, then a two by two grid pairs each client problem with an illustration, before a coral contact band and a plain ivory footer.
Every section has its own picture, so the page reads like an illustrated magazine feature: conversation, a signal tower with an observer, a person pushing a document, a researcher with a magnifying glass. The six benchmark icons (layers, infinity, check, connected squares, a branching arrow, papers) and the workflow are drawn in SVG, not raster art.
Square buttons and fields, circular diagram nodes, fine rules between columns and grid cells, side margins of 4.5% of the page width and 16 to 72px interior spacing.
7 generated illustrations as WebP (the hero shelter and storm, flying shapes, building blocks, a conversation, a signal tower, a person moving a document, a researcher with a magnifying glass). They are generated for the template, with no text, real logos or recognizable people in them.
Loaded from Google Fonts.
#F7F4EAMain page background and the form fields#082344Headlines, text, the benchmark band and the submit button#FF624DHero button, canopy, icons, section numbers and the contact band#0866EFThe storm brush marks and loose shapes in the illustrations#8F9BA3Fine dividing rulesAn AI agency or studio that wants a warm, friendly page built on illustration instead of photography or dark tech visuals.
A company that wants to show people at the center of its AI work, since every scene has small human figures.
Teams that like a clear, conventional layout with bright coral and cobalt, easy to read for non-technical buyers.
Anyone who wants a single-font setup: Roboto handles every heading and line of text.
The seven scenes are WebP image files, so their coral and cobalt are part of the artwork; replace them with your own art at the same file names to change them. The six benchmark icons and the workflow are SVG, so they follow the custom properties in the stylesheet.
Seven illustrations sit in the assets folder: the hero shelter, two contrast scenes and four capability scenes. Each section uses its own picture once, so you can swap them one at a time.
Only Roboto, loaded from Google Fonts in weights 400 to 700, with Arial as the fallback if Google Fonts does not load.
The browser checks the fields and email format, then an animated thank-you takes the form's place and says nothing was sent or stored. The form action is /contact, so connect your own form service there.
Covehold, its C mark and all the copy are placeholders for your own brand. Free to use and adapt for personal and commercial sites.
Same content, different designs. Possibility Shelter is listed in AI website templates, Business homepage templates, One page website templates, Landing page templates, Homepage templates, HubSpot themes and WordPress block themes. Or browse the full gallery.
Black and ivory AI services homepage with a full-width split-flap board spelling WORK and small electric violet squares.
A fuchsia, type-led page: a huge condensed black headline beside a tilted paper certificate with six green check marks.
A tangerine campaign page: huge black italic headline over two hands passing an ivory block, then cream and orange bands.
We learn the business and build your first go-to-market process on us this month.
Customer story