# GPT Image Hub prompt

## Minimalistisches Entwickler-Portfolio UI-Mockup
- URL: https://www.gptimagehub.com/de/library/minimalist-developer-portfolio-ui-mockup
- Generator URL: https://www.gptimagehub.com/de/generate?promptId=oss-ym-g2-18242
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fde%2Flibrary%2Fminimalist-developer-portfolio-ui-mockup
- Category: UI-/UX-Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: portfolio, ui-design, webdesign, minimalismus, schweizer-stil, wireframe, entwickler
- Updated: 2026-10-27T08:14:08.098Z
- Created: 2026-10-27T08:14:08.098Z

Erzeugt ein Schweizer-Raster-Portfolio-Webdesign in einem Desktop-Browserfenster. Passen Sie Name, Überschrift und Biografie in den eckigen Klammern beliebig an.

### Full prompt
```text
{
  "type": "desktop browser screenshot of a minimalist personal portfolio website homepage design draft",
  "style": "Swiss grid system, brutalist minimalism, monochrome palette, faint technical blueprint guides, thin gray borders, abundant whitespace, monospace micro-labels paired with bold geometric sans-serif display typography",
  "canvas": {
    "aspect_ratio": "wide 16:9",
    "environment": "displayed inside a clean desktop browser window at localhost:5173 with visible tabs, bookmarks bar, and address bar",
    "background": "#ffffff"
  },
  "brand": {
    "logo": "small square outlined mark with initials NRS",
    "name": "[Naufaldi Rafif S.]"
  },
  "header": {
    "position": "top fixed website navbar below browser chrome",
    "height": "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 enclosed in a thin outlined rectangular tab"
    },
    "actions": {
      "count": 3,
      "items": ["Contact white outlined button", "Download CV solid black button with arrow", "small square theme toggle icon button"]
    }
  },
  "layout": {
    "main_container": "large centered rectangular grid area with subtle vertical and horizontal coordinate guides, measurement labels, and hairline borders",
    "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 content column",
      "count": 1,
      "content": "huge boxed headline displaying [NAUFALDI RAFIF S.] split across two lines, black all-caps extra-bold typography"
    },
    {
      "title": "professional summary",
      "position": "below headline in left column",
      "count": 3,
      "items": [
        "subtitle: [Software Engineer & Mentor]",
        "specialty tags: PRODUCT SYSTEMS | BACKEND FOUNDATIONS | ENGINEERING MENTORSHIP",
        "paragraph: [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 thin vertical rule",
      "count": 3,
      "items": [
        "01 View projects, black filled active card with code glyph 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 edge of bottom strip displaying BUILD:2026 and PRD:01",
  "typography": {
    "headline": "massive uppercase bold geometric sans-serif, tight tracking",
    "body": "clean high-legibility sans-serif",
    "microcopy": "compact uppercase monospace with expanded letter-spacing"
  },
  "color_palette": {
    "primary": "#0b0d0e near-black",
    "background": "#ffffff",
    "border": "#e8e8e8 light gray",
    "guides": "#edf2ef faint green-gray",
    "accent": "subtle green indicator line on active card"
  },
  "composition_notes": "Render as a precise digital design system artboard draft inside a web browser, focusing on exact pixel alignment, structural grid lines, technical coordinate markings, and sleek engineering aesthetics."
}
```