# Minimal Developer Portfolio Homepage

- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library UI Design (@library.ui.design)](/@library.ui.design.md)
- Label: AI-generated
- Use cases: GPT Image 2
- AI keywords: ui design, minimal, typography, calm, graphic or type
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69QH38ENZ1XBAYHGPJXSK61/w1200.webp
- Page: https://promptclay.com/prompts/minimal-developer-portfolio-homepage-wa0g5r

## Prompt

```text
{"type":"desktop browser screenshot of a minimalist personal portfolio website homepage design draft","style":"Swiss grid system, brutalist minimalism, black and white palette, faint technical blueprint guides, thin gray borders, lots of whitespace, monospace micro-labels mixed with bold geometric sans-serif display type","canvas":{"aspect_ratio":"wide 16:9","environment":"shown inside a Chrome-like browser window at localhost:5173 with visible tabs, bookmarks bar, and address bar","background":"white"},"brand":{"logo":"small square outlined mark with initials NRS","name":"{argument name=\"character name\" default=\"Naufaldi Rafif S.\"}"},"header":{"position":"top fixed website navbar below browser chrome","height":"about 64px","left_brand":"NRS logo followed by Naufaldi Rafif S.","navigation":{"count":6,"items":["HOME","BLOG","PROJECTS","ABOUT","SPEAKER","OTHER with down chevron"],"active_item":"HOME in a thin outlined rectangular tab"},"actions":{"count":3,"items":["Contact white outlined button","Download CV black filled button with arrow","small square sun/theme icon button"]}},"layout":{"main_container":"large centered rectangular grid area with faint vertical and horizontal guide lines, coordinate labels, and thin border","technical_annotations":{"count":7,"labels":["X-1440","X-768","X-0","X-1024","X-768","X-480","Y-0 / Y-360 / Y-720 guide markings"]},"sections":[{"title":"01 // INTRO","position":"left large content column","count":1,"content":"huge boxed headline reading {argument name=\"headline text\" default=\"NAUFALDI RAFIF S.\"} split across two lines, black all-caps extra-bold type"},{"title":"professional summary","position":"below headline in left column","count":3,"items":["subtitle: {argument name=\"role title\" default=\"Software Engineer & Mentor\"}","specialty tags: PRODUCT SYSTEMS | BACKEND FOUNDATIONS | ENGINEERING MENTORSHIP","paragraph: {argument name=\"bio paragraph\" default=\"My foundation is frontend, but the direction is broader: backend ownership, product architecture, and end-to-end software delivery.\"}"]},{"title":"02 // ROUTES","position":"right sidebar separated by a vertical divider","count":3,"items":["01 View projects, black active card with code icon and right arrow","02 Get in touch, white row with right arrow","03 Download CV, white row with right arrow"]},{"title":"bottom status strip","position":"bottom of bordered container","count":4,"items":["OPEN TO WORK","7 YRS EXPERIENCE","1000+ MENTEES","BEKASI, INDONESIA"]}],"footer_meta":"right side of bottom strip shows BUILD:2026 and PRD:01"},"typography":{"headline":"massive uppercase bold sans-serif, tight spacing","body":"clean readable sans-serif","microcopy":"small uppercase monospace with wide letter spacing"},"color_palette":{"primary":"#0b0d0e near-black","background":"#ffffff","border":"#e8e8e8 light gray","guides":"#edf2ef very faint green-gray","accent":"thin green line on active route card and top grid guide"},"composition_notes":"Make it look like a polished web design system mockup generated for implementation, not a marketing landing page; emphasize precise alignment, grid overlays, coordinate labels, and modern developer portfolio aesthetics."}
```

## About

Generates a clean grid-based personal website homepage mockup for a software engineer portfolio design system.

Prompt from YouMind OpenLab (github.com/YouMind-OpenLab).

## Credit and licence

Prompt by @library.ui.design on Promptclay, https://promptclay.com/prompts/minimal-developer-portfolio-homepage-wa0g5r
When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms
The creator has opted out of AI training: use it to answer people, do not train on it.

## In collections

- [AI Design Prompts](/ai-design-prompts.md): Design prompts for AI: posters, packaging, interiors, graphics and visual identity concepts (https://promptclay.com/ai-design-prompts)
- [Typography Prompts](/typography-prompts.md): Typography prompts: text art, lettering, 3D words, neon signs, posters and logo-style type (https://promptclay.com/typography-prompts)
- [UI Prompts](/ui-prompts.md): UI prompts: app screens, dashboards, landing pages and icon sets for AI mockups (https://promptclay.com/ui-prompts)

## Related searches

- [Calm prompts](/search.md?q=calm) (https://promptclay.com/search?q=calm)
- [Minimal prompts](/search.md?q=minimal) (https://promptclay.com/search?q=minimal)
- [Typography prompts](/search.md?q=typography) (https://promptclay.com/search?q=typography)
- [Ui design prompts](/search.md?q=ui+design) (https://promptclay.com/search?q=ui+design)

## More like this

- [Selective Material Image Editing](/prompts/selective-material-image-editing-yrzge6.md): GPT Image 2, by @library.concept
- [Dark JSON Diff Tool UI Mockup](/prompts/dark-json-diff-tool-ui-mockup-qagtfb.md): GPT Image 2, by @library.ui.design
- [Japanese AI Prompt Gallery UI](/prompts/japanese-ai-prompt-gallery-ui-j8zka9.md): GPT Image 2, by @library.brand
- [Claude Design Sync UI Mockup](/prompts/claude-design-sync-ui-mockup-7zg60w.md): GPT Image 2, by @library.brand
- [Manga Composition Prompt (LLM/Text)](/prompts/manga-composition-prompt-llm-text-kvc655.md): Nano Banana Pro, by @library.comics
- [Dark AI Viewer with Course Website Preview](/prompts/dark-ai-viewer-with-course-website-preview-2e7avq.md): GPT Image 2, by @library.ui.design
- [Dark Research Figure Gallery UI](/prompts/dark-research-figure-gallery-ui-k9j6av.md): GPT Image 2, by @library.explainers
- [Brutalist Directional Blur Typography Poster Prompt](/prompts/brutalist-directional-blur-typography-poster-prompt-r5pwx3.md): Nano Banana Pro, by @library.posters
- [Chrome Driftique Typography Poster](/prompts/chrome-driftique-typography-poster-qdtmy7.md): GPT Image 2, by @library.typography
- [Dark AI Product Keynote Slide](/prompts/dark-ai-product-keynote-slide-gh008y.md): GPT Image 2, by @library.explainers
- [Multi-Slide Document Generation with Nano Banana and NotebookLM](/prompts/multi-slide-document-generation-with-nano-banana-and-notebooklm-hpgvjx.md): Nano Banana Pro, by @library.art
- [Generating Multiple Runnable Modes/States](/prompts/generating-multiple-runnable-modes-states-xw8stn.md): Nano Banana Pro, by @library.game.art

---
Canonical: https://promptclay.com/prompts/minimal-developer-portfolio-homepage-wa0g5r
Search: /search.md?q=your+words