Skip to content
← writing

Design comparison

Same person. Two prompts.

Both homepages, cut in half. On the left, my old portfolio, shaped by short prompts sent over six weeks. On the right, this site, shaped by one detailed brief. Drag the divider to compare.

Old portfolio homepage at desktop size: a gold 3D globe behind the name, a voxel avatar, and four buttons.
This site's homepage at desktop size: large type, the FB pixel mark, and a numbered section index, in three colors.
WeakerStronger
Drag the divider (or focus it and use the arrow keys) to cut between the two sites.

Weaker prompts

7 prompts over 6 weeks

The prompts behind the left half, in the order they were sent, styled like the old portfolio itself. Each one changed direction a little.

  1. Prompt 0125 Aug 2026

    “Please make the design the website a whole lot better and push it to github, you can do something crazy 3d animations or anything related to computer engineering, cloud engineering, software engineering etc. Make users be amazed by your capabilities.”

  2. Prompt 0226 Aug 2026

    “Also please can you change the theme from purple (what it is now) to something like yellow-ish like me in the background photo.”

  3. Prompt 0327 Aug 2026

    “You know the 3D sphere you added? I am thinking making it like a transparent globe just like the 3D sphere we have with the countries outlined.”

  4. Prompt 0427 Aug 2026

    “I want the globe to spin slower. And I want the globe to be more controllable by the user, maybe by holding the left click to scroll through the globe.”

  5. Prompt 0530 Sep 2026

    “Maybe I am thinking 3D pixelated person of me. Or something like that I am now want to change the website to a better one.”

  6. Prompt 0630 Sep 2026

    “I am thinking something like this but only with blocks (pixels). Do not have any gap between the squares.”

  7. Prompt 075 Oct 2026

    “Next, I want you to change the whole font of the website to make it "Inter". I do not want the website to be looking very AI generated.”

Stronger prompts

1 brief · 12 sections · 2,348 words

The brief behind the right half, sent on 26 Oct 2026. Its section outline, word for word:

# Portfolio Redesign — Monochrome Pixel-Inspired Design System

  1. 01ROLE
  2. 02CONTEXT
  3. 03REMOVE THE SPACE / MISSION IDENTITY
  4. 04STRICT THREE-COLOR DESIGN SYSTEM
  5. 05PIXEL-INSPIRED VISUAL IDENTITY
  6. 06PIXEL ANIMATION SYSTEM
  7. 07PORTFOLIO MODE
  8. 08TERMINAL MODE — MATCH THE NEW DESIGN
  9. 09REMOVE GENERIC AI-GENERATED DESIGN PATTERNS
  10. 10CODE QUALITY AND ARCHITECTURE
  11. 11IMPLEMENTATION WORKFLOW
  12. 12FINAL EXPECTATION

Four lines from it

  • The entire website must use only the following three solid colors:
  • Use font weight, spacing, scale, borders, decoration, and contrast to create hierarchy instead of introducing additional colors.
  • Create ONE distinctive signature animation for the Portfolio home section.
  • Respect `prefers-reduced-motion`.

Screenshots captured 26 Oct 2026 with headless Chrome at 1440×900 (desktop) and 390×844 (phone), from the old portfolio (then at farisbalubaid.cloud) and this site. The current design came from the third detailed brief in its session, so it also built on the two before it. The earlier site's design also reflects other prompts in its session beyond the seven shown here.