Rabbit Portfolio Design System Board

Rabbit Portfolio Design System Board

Documento original

GPT Image 2 · en

{
  "type": "Design system style portfolio landing page mockup",
  "style": "A sophisticated Japanese-style web design project featuring a warm, neutral editorial aesthetic, rounded corners, minimalist luxury, creamy monochrome tones, subtle shadows, clean spacing, and exquisite product design showcase.",
  "brand": {
    "name": "{argument name=\"brand name\" default=\"HONDA PORTFOLIO\"}",
    "mascot": "A cute white 3D rabbit character with long ears, small dot eyes, a small mouth, and a smooth matte finish."
  },
  "canvas": {
    "aspect_ratio": "3:4",
    "background": "Very light warm gray"
  },
  "palette": {
    "count": 6,
    "swatches": [
      "#F7F3EF",
      "#E7DDD0",
      "#EAD9CA",
      "#F1C6B4",
      "#A8C0B2",
      "#2E3A44"
    ]
  },
  "layout": {
    "type": "Multi-panel design system project",
    "sections": [
      {
        "title": "Design System",
        "position": "Left sidebar",
        "count": 11,
        "labels": [
          "logo concept",
          "color",
          "typesetting",
          "Grid",
          "Components",
          "navigation",
          "icon",
          "Mascot poses",
          "motion effects",
          "Design Principles",
          "Mini Card Preview"
        ]
      },
      {
        "title": "Homepage website",
        "position": "Centered at the top",
        "count": 8,
        "labels": [
          "Brand header",
          "Japanese title",
          "Subtitle line",
          "2 CTA buttons",
          "The big rabbit on the table",
          "6 function icon rows",
          "Standing bunny",
          "Wooden desk scene"
        ]
      },
      {
        "title": "Mobile preview",
        "position": "Top right narrow bar",
        "count": 1,
        "labels": [
          "Smartphone mockups on the same homepage"
        ]
      },
      {
        "title": "Performance",
        "position": "Central",
        "count": 4,
        "labels": [
          "Company website",
          "Brand landing page",
          "UI Design",
          "Magazine Design"
        ]
      },
      {
        "title": "Right sidebar cards",
        "position": "Middle to lower right",
        "count": 4,
        "labels": [
          "Performance Card",
          "Corporate website cards",
          "Thinking and Recording Cards",
          "Contact Us Card"
        ]
      },
      {
        "title": "Personal information",
        "position": "Mid-lower part",
        "count": 1,
        "labels": [
          "A rabbit sitting in a lounge chair, accompanied by a personal profile text block."
        ]
      },
      {
        "title": "Serve",
        "position": "Mid-lower part",
        "count": 4,
        "labels": [
          "Website creation",
          "UI/UX Design",
          "Brand Design",
          "Art Director"
        ]
      },
      {
        "title": "Production process",
        "position": "Centered at the bottom",
        "count": 5,
        "labels": [
          "01 Needs Survey",
          "02 Proposal",
          "03 Design",
          "04 Development",
          "Released at 05"
        ]
      },
      {
        "title": "footer",
        "position": "Bottom full width",
        "count": 4,
        "labels": [
          "Indoor photo bar",
          "Keyword capsule",
          "Social icons",
          "The big sitting rabbit holding a mug"
        ]
      }
    ],
    "note": "All the panels are arranged like a coherent design system to showcase the project, featuring rounded-corner cards and ample white space."
  },
  "subject": {
    "main_character": "Stylized 3D rabbit mascot, toy-like proportions, soft, sculpted body, gray-white material.",
    "expressions_or_poses": {
      "count": 13,
      "items": [
        "The standing unisex full-body image on the brand card on the left",
        "The large rabbit written on the table in the first screen",
        "The little rabbit standing next to the main screen's function row",
        "The rabbit sitting in an armchair holding a cup in the personal profile section",
        "Use a laptop in step 1 of the process",
        "The project is showcased in step 2 of the process.",
        "Step 3 of the process involves working at a desk.",
        "Use a laptop in step 4 of the process",
        "In step 5 of the process, in front of the laptop...",
        "Small full-body poses in the icon row 1",
        "Small full-body poses in the icon row 2",
        "Small full-body poses in the icon row 3",
        "The large sitting rabbit holding a mug in the bottom right corner"
      ]
    }
  },
  "scene_details": {
    "hero_scene": "A wooden desk bathed in sunlight by the window, an open notebook, a quill pen, a small ink bottle, soft plant leaves reaching in from the right, the tranquil morning light.",
    "cards": "Portfolio thumbnails include a desktop laptop, an elegant fashion/editorial manual, a smartphone UI mockup, and a cereal magazine cover featuring a rabbit."
  },
  "typography": {
    "headline": "{argument name=\"headline text\" default=\"Quietly refining the act of creation.\"}",
    "body_language": "Japanese",
    "font_mood": "The title uses a sophisticated modern serif font, paired with clean sans-serif UI text."
  },
  "ui": {
    "components_count": 9,
    "components": [
      "Dark gray main capsule button",
      "Light-colored outline subcapsule button",
      "Tag capsules",
      "Navigation bar",
      "Rounded corner icon buttons",
      "Content Cards",
      "Smartphone frame",
      "Pagination point",
      "Social icons"
    ]
  },
  "materials": {
    "surfaces": [
      "Matte Plastic Rabbit",
      "Light walnut wood",
      "Cream-colored paper",
      "Soft fabric chair",
      "Glass and ceramic decorations"
    ]
  },
  "lighting": "Soft, diffused sunlight, gentle highlights, minimal contrast, and warm beige reflections.",
  "camera": "Facing the entire project view, slightly raised, creating a clean and crisp product photography feel for editing.",
  "quality": "High-end Dribbble/Behance display effects, perfect alignment, realistic 3D rendering and UI mockup design integration.",
  "customization": {
    "accent color": "{argument name=\"accent color\" default=\"Warm beige and rock blue\"}",
    "mascot animal": "{argument name=\"mascot animal\" default=\"rabbit\"}",
    "language": "{argument name=\"language\" default=\"Japanese\"}"
  }
}

Como usar

  1. Copie o prompt original completo, incluindo os parâmetros.
  2. Adapte o tema, o texto e a composição aos seus requisitos.
  3. Use uma ferramenta externa compatível; confira o acesso e o resultado.

Antes de começar

  • Verifique se é necessária uma imagem de referência. Compatibilidade não comprova qual modelo gerou o exemplo.
  • Confira nomes, números e textos; os resultados variam entre versões do modelo.

Exemplos semelhantes

Rabbit Portfolio Design System Board
GPT Image 2en

{"type":"design system style portfolio landing page mockup","style":"soft premium Japanese web design board, warm neutral editorial aesthetic, rounded UI, minimal luxury, creamy monochrome palette, subtle shadows, clean spacing, polished product-design presentation","brand":{"nam

Pet Brand Identity System Board
GPT Image 2en

{"type":"brand identity system board","brand":{"name":"{argument name=\"brand name\" default=\"狗东西\"}","english_mark":"{argument name=\"logo letters\" default=\"GDX\"}","industry":"{argument name=\"industry\" default=\"宠物行业\"}","date":"{argument name=\"date\" default=\"2024.05\"}

Optimistic AI Portfolio Landing Page
GPT Image 2en

{ "type": "Editing Style Portfolio Website Landing Page Template", "style": "The website boasts a clean and modern design, a light and sophisticated aesthetic, soft layout and editing, a gentle coastal color palette, and a subtle frosted glass effect, giving it the feel of a

Cosmic Gravity Glass UI System
GPT Image 2en

{ "type": "Futuristic Glass-like UI Design System Project", "theme": "The deep-space planetary exploration dashboard features a high-end Apple-style industrial design.", "style": { "background": "The near-black matte canvas has a subtle, hazy, star-like quality.", "

Pet Brand Identity System Board
GPT Image 2en

{ "type": "Brand Visual Identity System Project", "brand": { "name": "{argument name=\"brand name\" default=\"dog\"}", "english_mark": "{argument name=\"logo letters\" default=\"GDX\"}", "industry": "{argument name=\"industry\" default=\"pet industry\"}", "dat

Light Mode UI Design System Board
GPT Image 2en

{ "type": "UI design system demonstration project", "theme": "{argument name=\"visual theme\" default=\"Optical Science and Light Refraction\"}", "overall_aesthetic": "A clean white background, light color mode, futuristic and sophisticated feel; its distinctive feature lie