Single-file page46.4 KB
Elio Marsh design engineer bio page template
A crisp, keyboard-first link page: a letter for every link, a command menu, light and dark themes and a subtle WebGL field.
- Free to use
- Your own address
- Live in seconds
- Yours to edit
About this template
A link-in-bio page for people who live in their editor. Your name is set big in two weights, with a one-line role, your coordinates, a short bio and three numbers that say something about your work. The links sit in a tidy panel on the right, each with its own keyboard letter — press W for your work, G for GitHub and so on — and a command menu (Ctrl or ⌘ K) searches every link and action. The last row copies your email.
The details are what make it: a live clock for your city, a "booking from" status, text that scrambles into place on hover, buttons that lean towards the cursor, a soft field of dots drawn with WebGL that reacts to the mouse, and a footer readout of cursor position, frame rate and first-frame time. T switches between a light and a dark theme. Visitors who prefer reduced motion get it without the animation.
Who it is for. Front-end and design engineers, product designers, indie hackers and anyone whose audience will try the keyboard shortcuts before they click. It reads as quietly confident rather than flashy, and works just as well on a phone.
What you change. It is one HTML file. The name, role, bio, numbers, city and each link row — label, sub-line, address and shortcut letter — are plain HTML; the command menu builds itself from those rows, so there's nothing to keep in sync. Or ask the AI editor to make the changes for you.
Why host it. A page this tuned for speed deserves a host that serves it as-is. Publish it at your-name.99helpers.site in a click and update it by dropping the file in again.
- link in bio
- developer
- design engineer
- minimal
- keyboard
- dark mode
What you get
- Format
- One self-contained HTML file
- Styles and scripts inline. Open it in any editor; nothing to install.
- Size
- 46.4 KB
- Copied inside our storage — nothing downloads to your computer unless you want it to.
- Your address
- my-links.99helpers.site
- Suggested — choose any free name when you publish.
How to use the elio marsh design engineer bio page template
- 1
Press “Use this template”
A copy of the elio marsh design engineer bio page is made for you — the whole page — inside our storage. Nothing downloads, nothing to unzip.
- 2
Pick an address
Your copy lives at a name you choose on 99helpers.site, for example my-links.99helpers.site. If it's free, it's yours. Add a password here if the page is for a select few.
- 3
Publish, then make it yours
It's live in seconds. Open it, save the page to your computer, change the words, and drop the file back in at the same address — the link never changes, and every earlier version is kept.
Hosting a page on 99helpers.com
A template is only useful once it's online. That part is what 99helpers.com does: any file or static site, at an address you choose, free.
Live in seconds
No build step, no server to set up, no FTP. Publish and the link works.
Your own address
A short, permanent name on 99helpers.site — easy to say out loud and to put on a card.
Update without changing the link
Publish again to the same address. Every version is kept; roll back in a click.
Password protection
Keep a page for a select few. Protected pages stay out of search results.
AI features, when you want them
Add a help bot, a help centre or a feedback form to any page from your dashboard.
- Everything about file hosting →
Questions about this template
- How do the keyboard shortcuts work?
- Each link row has a letter; pressing it opens that link. Ctrl or ⌘ K opens a command menu that searches every link and action, and T switches the theme. The menu is built from the link rows, so changing a row updates it automatically.
- Does it have a dark mode?
- Yes. It follows the visitor's system setting, and T or the button in the corner switches between light and dark.
- Where do I put my own links?
- In the link rows in the HTML: a label, a short sub-line, the address and the shortcut letter. The last row copies your email address instead of opening a page.
- Is the elio marsh design engineer bio page template free?
- Yes. Copying it, giving it an address and sharing the link costs nothing. You create an account at the moment you publish — that's the only step that needs one.
- Do I keep the copy if the template changes later?
- Yes. Your copy is independent from the moment it's made. If we improve the template afterwards, your page stays exactly as you published it until you change it yourself.
- How do I edit the page after publishing?
- Open your copy, save it (a single HTML file), edit it in any text editor, and publish it again to the same address. The old version is kept, so you can put it back in a click.
- Can I use my own domain?
- Your copy gets an address on 99helpers.site. That's a short, permanent link you can put anywhere. If you need it on your own domain, publish the files there with any static host — the template is plain HTML and has no dependency on us.
- Can I make it private?
- Yes. Set a password when you publish and visitors are asked for it before they see anything. Protected pages are also kept out of search results.
- What are the AI features?
- Once a page is live you can add a help bot that answers visitors' questions from its content, a searchable help centre, or a feedback form — without touching the page itself. They're optional and switched on from your dashboard.
More templates
All link in bio templates →
Link in bio4 filesPersonal link page
A friendly card with your photo, three big buttons and a small gallery — the classic link-in-bio, without the subscription.
Link in bio4 filesMinimal link page
Whitespace, hairlines and one typeface. Links as quiet rows, work as a small grid — nothing else.
Link in bio4 filesBold link page
Thick outlines, hard shadows and three colour-blocked buttons that press down when you click them.
Your page, online in the time it took to read this
Copy the elio marsh design engineer bio page template, choose a name, and send the link. Change the words whenever you like.