Rabbit Portfolio Design System Board

{ "type": "Designsystem-Style-Portfolio-Landingpage-Mockup", "style": "Ein anspruchsvolles Webdesign-Projekt im japanischen Stil mit einer warmen, neutralen redaktionellen Ästhetik, abgerundeten Ecken, minimalistischem Luxus, cremigen Monochromtönen, subtilen Schatten, klaren Abständen und einer exquisiten Produktpräsentation.", "brand": { "name": "{argument name=\"brand name\" default=\"HONDA PORTFOLIO\"}", "mascot": "Ein niedlicher weißer 3D-Hasencharakter mit langen Ohren, kleinen Punktaugen, einem kleinen Mund und einer glatten, matten Oberfläche." }, "canvas": { "aspect_ratio": "3:4", "background": "Sehr helles, warmes Grau" }, "palette": { "count": 6, "swatches": [ "#F7F3EF", "#E7DDD0", "#EAD9CA", "#F1C6B4", "#A8C0B2", "#2E3A44" ] }, "layout": { "type": "Multi-panel design system project", "sections": [ { "title": "Design System", "position": "Linke Seitenleiste", "count": 11, "labels": [ "Logo-Konzept", "color", "typesetting", "Grid", "Components", "navigation", "icon", "Mascot poses", "motion effects", "Design Principles", "Mini Card Preview" ] }, { "title": "Homepage-Website", "position": "Oben zentriert", "count": 8, "labels": [ "Brand header", "Japanese title", "Untertitel", "2 CTA-Buttons", "Das große Kaninchen auf dem Tisch", "6 Funktionssymbolreihen", "Stehendes Kaninchen", "Szene mit Holzschreibtisch" ] }, { "title": "Mobile Vorschau", "position": "Schmale Leiste oben rechts", "count": 1, "labels": [ "Smartphone-Mockups auf derselben Homepage" ] }, { "title": "Performance", "position": "Zentral", "count": 4, "labels": [ "Unternehmenswebsite", "Marken-Landingpage", "UI-Design", "Magazin-Design" ] }, { "title": "Karten in der rechten Seitenleiste", "position": "Mitte bis unten rechts", "count": 4, "labels": [ "Performance-Karte", "Karten der Unternehmenswebsite", "Karten zum Nachdenken und Aufzeichnen", "Kontaktkarte" ] }, { "title": "Persönliche Informationen", "position": "Mitte-unten", "count": 1, "labels": [ "Ein Kaninchen sitzt in einem Liegestuhl, begleitet von einem Textblock mit einem persönlichen Profil." ] }, { "title": "Serve", "position": "Mitte-unterer Bereich", "count": 4, "labels": [ "Website-Erstellung", "UI/UX-Design", "Markendesign", "Art Director" ] }, { "title": "Produktionsprozess", "position": "Unten zentriert", "count": 5, "labels": [ "01 Bedarfsanalyse", "02 Angebot", "03 Design", "04 Entwicklung", "Veröffentlicht am 05" ] }, { "title": "Fußzeile", "position": "Unten, volle Breite", "count": 4, "labels": [ "Fotoleiste für den Innenbereich", "Keyword-Kapsel", "Social-Media-Icons", "Der große sitzende Hase mit einer Tasse" ] } ], "note": "Alle Panels sind wie ein stimmiges Designsystem angeordnet, um das Projekt optimal zu präsentieren. Sie zeichnen sich durch abgerundete Ecken und viel Weißraum aus." }, "subject": { "main_character": "Stilisiertes 3D-Hasenmaskottchen, spielzeughafte Proportionen, weicher, modellierter Körper, grau-weißes Material.", "expressions_or_poses": { "count": 13, "items": [ "Das stehende Unisex-Ganzkörperbild auf der Markenkarte links", "Der große Hase, der im ersten Bildschirm auf dem Tisch steht", "Der kleine Hase, der neben der Funktionszeile des Hauptbildschirms steht", "Der Hase, der im persönlichen Profilbereich in einem Sessel sitzt und eine Tasse hält", "Verwenden Sie in Schritt 1 des Prozesses einen Laptop", "Das Projekt wird in Schritt 2 des Prozesses präsentiert.", "Schritt 3 des Prozesses beinhaltet das Arbeiten an einem Schreibtisch.", "Verwenden Sie in Schritt 4 des Prozesses einen Laptop", "In Schritt 5 des Prozesses, vor dem Laptop...", "Kleine Ganzkörperposen in der Symbolzeile 1", "Kleine Ganzkörperposen in der Symbolzeile 2", "Kleine Ganzkörperposen in der Symbolzeile 3", "Das große sitzende Kaninchen mit einer Tasse in der unteren rechten Ecke" ] } }, "scene_details": { "hero_scene": "Ein von Sonnenlicht durchfluteter Holzschreibtisch am Fenster, ein offenes Notizbuch, eine Feder, ein kleines Tintenfass, weiche Pflanzenblätter, die von rechts herüberragen, das ruhige Morgenlicht.", "cards": "Portfolio-Thumbnails umfassen einen Desktop-Laptop, ein elegantes Mode-/Redaktionshandbuch, ein Smartphone-UI-Mockup und ein Müsli-Magazin-Cover mit einem Kaninchen." }, "typography": { "headline": "{argument name=\"headline text\" default=\"Die Schöpfung wird im Stillen verfeinert.\"}", "body_language": "Japanisch", "font_mood": "Der Titel verwendet eine anspruchsvolle, moderne Serifenschrift, kombiniert mit klarem serifenlosem UI-Text." }, "ui": { "components_count": 9, "components": [ "Dunkelgrauer Hauptkapsel-Button", "Hellfarbiger Subkapsel-Button", "Tag-Kapseln", "Navigationsleiste", "Symbol-Buttons mit abgerundeten Ecken", "Inhaltskarten", "Smartphone-Rahmen", "Seitennummerierung", "Social-Media-Symbole" ] }, "materials": { "surfaces": [ "Matt-Kunststoffhase", "Helles Walnussholz", "Cremefarbenes Papier", "Stuhl aus weichem Stoff", "Glas- und Keramikdekorationen" ] }, "lighting": "Sanftes, diffuses Sonnenlicht, sanfte Glanzlichter, minimaler Kontrast und warme beige Reflexionen.", "camera": "Die Kamera ist auf das gesamte Projekt ausgerichtet, leicht erhöht, wodurch ein klares und scharfes Produktfoto-Feeling für die Bearbeitung entsteht.", "quality": "Hochwertige Dribbble/Behance-Anzeigeeffekte, perfekte Ausrichtung, realistisches 3D-Rendering und Integration von UI-Mockup-Design.", "customization": { "accent color": "{argument name=\"accent color\" default=\"Warmes Beige und Steinblau\"}", "Maskottchentier": "{argument name=\"Maskottchentier\" default=\"Kaninchen\"}", "Sprache": "{argument name=\"Sprache\" default=\"Japanisch\"}" } }