MeYay AI

Mara Lind, Illustrator

A one-page portfolio: who she is, six projects drawn in code, and how to get in touch.

V2 · 0:12 demoPlay

Full screenV2 · 24 KB · one HTML file

Sample data. Mara Lind, her projects and her email address are made up.

Prompt

A personal portfolio site1 What it does for a fictional illustrator, Mara Lind2 Who it’s for: About, six Projects with pictures drawn in code, and Contact with an email address4 What must happen. It must look good on a phone3 How it should feel.

Exactly as it was typed.

  1. What it doesWhat it is.
  2. Who it’s forWho it's for, and that the person is made up.
  3. How it should feelThe phone is not an afterthought.
  4. What must happenThe sections, in the order they appear.

Use this idea

What this teaches

Name the sections in order, and the page is built in that order.

  • "About, six Projects … and Contact" is the whole page, top to bottom.
  • "pictures drawn in code" means the page needs no image files.
  • "It must look good on a phone" makes the phone layout part of the job.

Changes

Add filters for the project categories and tighten the mobile layout.

Change request · V1 → V2

BeforeAfter

What changed

  • Buttons above the projects show only Nature, Food or Places, or all of them.
  • The layout on a phone is tighter, with less empty space.

What stayed: About, the six drawings and Contact are as before.

Use this change

Try a change

Each one starts your own draft in the Studio. Nothing is built until you press Build.

How it was made

  • V1 Built on Oct 14, 2026 · Direct · Verified on the second try · 241 s · Tested on desktop and phone · 1 AI Credit
  • V2 Changed on Oct 14, 2026 · Verified on the first try · 121 s · Tested on desktop and phone · one change, no AI Credits

Known limitations

  • The email address is made up; put your own in before you use the page.
  • The pictures are drawn shapes, not real artwork.

More like this

Use this idea