Editorial Portfolio Website Landing Page Mockup

{"type":"editorial portfolio website landing page mockup","style":"clean modern web design, airy premium aesthetic, soft editorial typography, pastel coastal palette, subtle glassmorphism, high-end startup portfolio feel","canvas":{"aspect_ratio":"3:2","background":"soft blue sky outside the browser frame"},"browser":{"type":"desktop browser window mockup","top_bar":{"traffic_lights":3,"address_text":"angaisb._ai","right_icons":3},"corner_radius":"large","shadow":"soft floating shadow"},"brand":{"logo_text":"Angaisb_"},"header":{"nav_count":5,"nav_items":["Home","Projects","Writing","Tools","About"],"active_item":"Home","cta_button":{"text":"{argument name=\"button text\" default=\"Contact\"}","style":"rounded yellow pill"}},"hero":{"layout":"split editorial hero with text on left and image scene on right blending across full width","background_scene":"sunny coastal overlook with blue ocean horizon, fluffy white clouds, pink and orange flowers in the foreground, soft dreamy atmosphere","headline":"{argument name=\"headline text\" default=\"AI, ideas, and optimistic futures\"}","subheadline":"{argument name=\"subheadline text\" default=\"Experiments, tools, and thoughts on artificial intelligence\"}","primary_cta":{"text":"Explore Projects","style":"yellow rounded button with arrow"},"secondary_cta":{"text":"Read the latest","style":"text link with arrow"},"human_figure":{"count":1,"description":"young man seen from behind, short brown hair, wearing a bright yellow sweater, centered-right in the hero, looking toward the ocean"},"overlay_card":{"count":1,"style":"translucent frosted glass rounded card","icon":"small yellow circular icon","text_lines":["Building with curiosity.","Designing for impact.","Sharing openly."]},"network_graphic":{"count":1,"description":"delicate white node-and-line constellation graphic in the upper-right sky"}},"main_sections":[{"title":"Featured","position":"upper content area","count":3,"labels":["BloomBench","ThoughtGarden","Open Prompts"],"cards":[{"title":"BloomBench","tag":"Research","description":"A benchmark for evaluating multimodal LLMs on reasoning about real-world visuals.","thumbnail":"flowers by the sea with light UI overlay"},{"title":"ThoughtGarden","tag":"Tool","description":"A personal knowledge garden where ideas connect and evolve.","thumbnail":"rolling green hills under blue sky with translucent interface panels"},{"title":"Open Prompts","tag":"Resources","description":"A collection of prompts, patterns, and pipelines for practical AI builders.","thumbnail":"flowers and sky with translucent interface panels"}],"top_right_link":"View all projects"},{"title":"Latest Writing","position":"bottom left","count":1,"labels":["The Optimism Loop in AI"],"card":{"title":"The Optimism Loop in AI","description":"Why optimism is a force multiplier for creativity, research, and responsible AI.","date":"May 12, 2024","thumbnail":"rear-view person in yellow sweater standing among flowers"},"top_right_link":"View all"},{"title":"Currently Exploring","position":"bottom center","count":3,"labels":["Multimodal Reasoning","AI for Scientific Discovery","Human-AI Collaboration"],"style":"three soft rounded topic pills with small icons"},{"title":"About","position":"bottom right","count":1,"labels":["More about me"],"text":"I’m an AI creator and researcher who believes technology should amplify human potential and help build a better future.","decoration":"delicate pink flower illustration in the lower-right corner"}],"visual_details":{"cards":"white rounded cards with thin light-gray borders and soft shadows","spacing":"generous whitespace and balanced grid","typography":"large elegant serif display headline paired with clean sans-serif UI text","colors":{"primary_text":"deep navy","accent":"warm yellow","background":"white and pale sky blue","secondary_accents":"soft pink, green, and lavender"}}}

• Modelgpt-image-2
• Use caseproduct-hero-shot
• Styleeditorial, luxury, minimal, photorealistic
• Aspect ratioFlexible

• Use caseproduct-hero-shot
• Styleeditorial, luxury, minimal, photorealistic
• Recommended specs1:1, 4:5, 16:9, or 9:16
• ModelGPT Image 2

Use this Editorial Portfolio Website Landing Page Mockup prompt as a base. Replace the subject, product details, environment, lighting, brand colors, and output ratio while keeping the product-hero-shot intent and editorial, luxury, minimal, photorealistic direction stable.

• SubjectReplace the product, person, scene, interface, or object being generated.
• Use caseKeep or rewrite the destination as product hero shot, ad creative, cover image, poster, or ecommerce hero.
• FrameChoose 1:1, 4:5, 16:9, or 9:16 based on the final placement.
• Brand cuesAdd colors, materials, props, text-safe space, and the platform where the image will be used.

Choose the frame for the destination first, then use 1K, 2K, or 4K based on output quality needs. Product images and posters usually benefit from higher resolution.

• CheckSubject, lighting, composition, and frame are specific enough to review.
• CheckText-safe space is included when the image will carry a headline or ad copy.
• CheckResolution, credit cost, and final destination are checked before generation.

Editorial Portfolio Website Landing Page Mockup works because it starts from the image job, then controls subject, composition, lighting, style, and frame. It is best for product hero shot while keeping the editorial, luxury, minimal, photorealistic direction stable.

• Can I use it directly?Yes. Replace the subject, brand cues, and frame, then generate in Image2Studio.
• Which ratio should I use?Choose 1:1, 4:5, 16:9, or 9:16 based on the destination.