Kanin Portfolio Design System Board

{ "type": "Mockup til landingsside i designsystemstil", "style": "Et sofistikeret webdesignprojekt i japansk stil med en varm, neutral redaktionel æstetik, afrundede hjørner, minimalistisk luksus, cremede monokrome toner, subtile skygger, ren afstand og udsøgt produktdesign.", "brand": { "name": "{argument name=\"brand name\" default=\"HONDA PORTFOLIO\"}", "mascot": "En sød hvid 3D-kaninfigur med lange ører, små prikkede øjne, en lille mund og en glat mat finish." }, "canvas": { "aspect_ratio": "3:4", "background": "Meget lys varm grå" }, "palette": { "count": 6, "swatches": [ "#F7F3EF", "#E7DDD0", "#EAD9CA", "#F1C6B4", "#A8C0B2", "#2E3A44" ] }, "layout": { "type": "Projekt med designsystem med flere paneler", "sections": [ { "title": "Designsystem", "position": "Venstre sidebar", "count": 11, "labels": [ "logo-koncept", "farve", "typesetting", "Gitter", "Komponenter", "navigation", "ikon", "Maskot-positurer", "bevægelseseffekter", "Designprincipper", "Forhåndsvisning af minikort" ] }, { "title": "Hjemmeside", "position": "Centreret øverst", "count": 8, "labels": [ "Brand header", "Japansk titel", "Undertekstlinje", "2 CTA-knapper", "Den store kanin på bordet", "6 rækker med funktionsikoner", "Stående kanin", "Scene af træbord" ] }, { "title": "Mobil forhåndsvisning", "position": "Øverste højre smalle bjælke", "count": 1, "labels": [ "Smartphone-mockups på samme hjemmeside" ] }, { "title": "Ydeevne", "position": "Central", "count": 4, "labels": [ "Virksomhedens hjemmeside", "Brand landing page", "UI-design", "Magasindesign" ] }, { "title": "Kort i højre sidebar", "position": "Midten til nederste højre", "count": 4, "labels": [ "Ydeevnekort", "Kort til virksomhedens hjemmeside", "Tænke- og optagelseskort", "Kontakt os-kort" ] }, { "title": "Personlige oplysninger", "position": "Midten-nederste del", "count": 1, "labels": [ "En kanin sidder i en lænestol ledsaget af en personlig profiltekstblok." ] }, { "title": "Serve", "position": "Midt-nederste del", "count": 4, "labels": [ "Oprettelse af hjemmeside", "UI/UX Design", "Brand Design", "Art Director" ] }, { "title": "Produktionsproces", "position": "Centreret i bunden", "count": 5, "labels": [ "01 Behovsundersøgelse", "02 Forslag", "03 Design", "04 Udvikling", "Udgivet kl. 05" ] }, { "title": "footer", "position": "Nederste fuld bredde", "count": 4, "labels": [ "Indendørs fotobar", "Nøgleordskapsel", "Sociale ikoner", "Den store siddende kanin med et krus" ] } ], "note": "Alle panelerne er arrangeret som et sammenhængende designsystem for at fremvise projektet med kort med afrundede hjørner og rigelig hvid plads." }, "subject": { "main_character": "Stiliseret 3D-kaninmaskot, legetøjslignende proportioner, blød, skulptureret krop, gråhvidt materiale.", "expressions_or_poses": { "count": 13, "items": [ "Det stående unisex helkropsbillede på brandkortet til venstre", "Den store kanin skrevet på bordet på den første skærm", "Den lille kanin, der står ved siden af ​​hovedskærmens funktionsrække", "Kaninen, der sidder i en lænestol og holder en kop i den personlige profilsektion", "Brug en bærbar computer i trin 1 af processen", "Projektet vises i trin 2 af processen.", "Trin 3 af processen involverer arbejde ved et skrivebord.", "Brug en bærbar computer i trin 4 af processen", "I trin 5 af processen, foran den bærbare computer...", "Små helkropspositurer i ikonrække 1", "Små helkropspositurer i ikonrække 2", "Små helkropspositurer i ikonrække 3", "Den store siddende kanin, der holder et krus i bunden højre hjørne" ] } }, "scene_details": { "hero_scene": "Et træbord badet i sollys ved vinduet, en åben notesbog, en fjerpen, en lille blækflaske, bløde planteblade, der rækker ind fra højre, det rolige morgenlys.", "cards": "Porteføljeminiaturebilleder inkluderer en stationær bærbar computer, en elegant mode-/redaktionsmanual, en smartphone-UI-mockup og et forside til et morgenmadsmagasin med en kanin." }, "typography": { "headline": "{argument name=\"headline text\" default=\"Stille raffinering af skabelsen.\"}", "body_language": "Japansk", "font_mood": "Titlen bruger en sofistikeret moderne serif-skrifttype, parret med ren sans-serif-UI-tekst." }, "ui": { "components_count": 9, "components": [ "Mørkegrå hovedkapselknap", "Lysfarvet kontur-underkapselknap", "Tagkapsler", "Navigationslinje", "Afrundede hjørneikonknapper", "Indholdskort", "Smartphoneramme", "Pagineringspunkt", "Sociale ikoner" ] }, "materials": { "surfaces": [ "Mat plastikkanin", "Lyst valnøddetræ", "Cremefarvet papir", "Blød stofstol", "Glas- og keramikdekorationer" ] }, "lighting": "Blødt, diffust sollys, blide højdepunkter, minimal kontrast og varme beige refleksioner.", "camera": "Vendt mod hele projektvisningen, let hævet, hvilket skaber en ren og skarp produktfotografisk fornemmelse til redigering.", "quality": "High-end Dribbble/Behance-visningseffekter, perfekt justering, realistisk 3D-gengivelse og integration af UI-mockup-design.", "customization": { "accent color": "{argument name=\"accent color\" default=\"Varm beige og "stenblå"}", "maskotdyr": "{argumentnavn="maskotdyr" standard="kanin"}", "sprog": "{argumentnavn="sprog" standard="Japansk"}" } }