A hub for everything you do
Modeled on cultivatum.com — a real hub site that introduces the company, states what it believes, and links out to its projects. This bento-grid template does the same job for you: one memorable home base instead of a crowded social bio.
What it looks like
This is the template you download — a modern bento grid with hover effects, a bold hero, linked project cards, and a working contact form. Click the screenshot to open the live demo.
Every part in [square brackets] is a blank you fill in with the prompt below.
The recommended prompt
Copy this, paste it into any AI chat (Claude, ChatGPT, Gemini), attach the downloaded template file, and fill in your details. The layout stays; the words and style become yours.
I'm attaching a plain HTML template for a personal or company hub website — a bento-grid page that introduces me and links out to my projects. Please turn it into my site. Rules: 1. Keep it a single HTML file with all CSS inside it. No frameworks, no external files. 2. Keep the bento-grid layout, the hover effects, and the mobile behavior exactly as they are. 3. Replace every [square bracket] placeholder using my details below. Write in plain, honest language — no marketing jargon, no hype. 4. Keep it fast and accessible: real headings in order, good color contrast, readable on a phone. 5. Leave the contact form's access key as a placeholder — I'll add my own web3forms key. My details: - Brand or personal name: ___ - Eyebrow line (location, year founded, or a short motto): ___ - Intro, 2–3 sentences (who I am, how long I've been at it, what a visitor should understand): ___ - My proudest number and what it counts (years, customers, projects shipped): ___ - What I believe, in one line, plus 3–4 sentences explaining it: ___ - Project/link 1 — name, URL, what it is in 2–3 sentences: ___ - Project/link 2 — name, URL, what it is in 2–3 sentences: ___ - Project/link 3 (or "delete this card") — name, URL, description: ___ - A short honest story or hard lesson, 3–4 sentences: ___ - My mission in one sentence, plus 2–3 sentences on what to do next: ___ - City and state: ___ - Year founded: ___ Styling direction: - My accent color (or "you choose one that fits my field"): ___ - The feeling I want (pick a few: bold, calm, technical, warm, premium, playful): ___ - Adjust the accent color and fonts to match, but keep the grid layout and the single contact form at the bottom. When you're done, give me the complete HTML file, then remind me of the two things I still need to do myself: get a free web3forms access key for the contact form, and replace any image placeholders.
What we recommend you add
Gather these before you sit down with the AI. This template is all words — no product photos required — so it's one of the fastest to finish.
Your name & intro Required
Your brand or personal name plus two or three sentences a stranger would understand. This is the big hero card.
Your links Required
Two or three projects, storefronts, or services with URLs. This page's whole job is routing people to them.
One proud number Required
Years in business, customers served, projects shipped. One number, one label — it fills the bold accent card.
Contact form key Required
The form uses web3forms.com, a free service that emails you submissions with no backend. Grab a free access key there — takes two minutes.
What you believe
One line plus a short paragraph. This is what makes a hub feel like a person instead of a link list.
An honest story
A hard lesson or the reason you started. Three or four sentences of real talk builds more trust than any award badge.
Your accent color
The template ships with electric blue. One hex code swaps the whole personality of the page.
The feeling you want
A few words like bold, calm, technical, or warm. This steers the fonts and tone more than anything else.
Take the code. It's yours.
One plain HTML file, MIT licensed, no strings. Download it, make it yours with the prompt above, then follow our hosting guide to put it online free.