Rabbit Portfolio Design System Board

{
  "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\"}"
  }
}