Mockup av produktside for mekanisk tastatur

Lag en ren og moderne detaljside for e-handelsprodukter for å vise et produkt kalt {argument name="brand name" default="KeyForge"} Dette er et avansert merke for mekaniske tastaturer. Siden presenterer en høyoppløselig nettstedsmodell for skrivebord med hvit bakgrunn, lysegrå skillelinjer og god hvit plass. Oppsettet er en enhetlig butikkscene, inkludert en navigasjonslinje øverst, en miniatyrbildelinje for produktet til venstre, et stort produktbilde i midten og et kjøpsinformasjonspanel til høyre. Øverst til venstre i overskriften er en fet merkelogo, etterfulgt av syv navigasjonselementer: "Tastaturer", "Brytere", "Tastehetter", "Tilbehør", "Salg", "Blogg" og "Støtte". Helt til høyre er det tre ikoner: søk, konto og handlekurv. Handlekurvikonet har et lite svart varselmerke som viser en "1". Hovedproduktet som vises i midten er et kompakt mekanisk tastatur med 75 % layout, fotografert fra en litt nedadgående frontvinkel, plassert på et lysegrått utstillingsstativ. Den har et kabinett i sølvfarget aluminiumslegering, hvite og grå tastehetter, noen lyselilla funksjonstaster og en sølvfarget volumknapp øverst til høyre. Det vertikale galleriet til venstre inneholder fem miniatyrbilder: en valgt frontvisning av produktet, en sidevisning av tastaturet, et nærbilde av de mekaniske bryterne, et nærbilde av tastehetteksturen og et mørkt videominiatyrbilde med et sirkulært avspillingsikon. Produktpanelet til høyre har en liten kapseletikett som sier "NYTT" og produktnavnet i fet skrift.{argument name="product name" default="KeyForge K75 Pro"} Undertittelen er "75 % mekanisk tastatur", etterfulgt av en 5-stjerners vurdering på 4,8 stjerner og "(126 anmeldelser)", og prisen i fet skrift.{argument name="price" default="$129.99"} Den påfølgende grønne statusen "På lager" etterfølges av en kort beskrivelse av den overlegne ytelsen, pakningsdesignet, QMK/VIA-støtten og RGB-lyseffektene. Under dette er en «Bytt type»-velger med fire kapselknapper merket «Cherry MX Red», «Gateron Brown», «Gateron Blue» og «TTC Gold Pink», hvor den første er valgt som standard; en «Farge»-velger med tre kapselknapper merket «White/Purple», «Black/Gray» og «Navy/Blue», hvor den første er valgt som standard; en rullegardinmeny for «Quantity» satt til «1»; en stor svart hovedknapp med et handlekurvikon merket «Legg til i handlekurv»; og en sekundær knapp med en hjerteformet omriss merket «Legg til i ønskelisten». Under knappen vises tre horisontale servicemarkeringer med små ikoner: «Gratis frakt» med undertittelen «På bestillinger over $99», «30-dagers retur» med undertittelen «Problemfri retur» og «2-års garanti» med undertittelen «Trygghet». Under dette innholdsområdet opprettes et oppsett med to kolonner, atskilt med tynne linjer. Venstresiden viser en vertikal liste med etiketter som inneholder fem elementer: «Oversikt» (valgt), «Spesifikasjoner», «Hva er i esken», «Frakt og retur» og «Anmeldelser (126)». Til høyre for etikettene er det plassert et avrundet hvitt rutenett med funksjonskort som inneholder seks funksjonsblokker i to rader og tre kolonner. Hver funksjonsblokk har et enkelt linjeikon, en fet tittel og en kort beskrivelse: «75 % layout», «Pakningsmontert», «QMK/VIA-støtte», «Hot-Swappable», «RGB-bakgrunnsbelysning» og «Premium Build». Lengst til høyre i dette området er det lagt til en spesifikasjonsliste med syv nøkkelpunkter: «Layout: 75 % (82 taster)», «Brytertype: Cherry MX Red», «Montering: Pakningmontert», «Tilkobling: USB-C (kablet)», «Bakgrunnsbelysning: RGB, sørvendt», «Materiale: Aluminiumskabinett» og «Mål: 322 x 135 x 42 mm», med et siste punkt: «Vekt: 1,25 kg». Den har en raffinert minimalistisk produktdesignestetikk, med realistisk brukergrensesnittavstand, en ren sans-serif-skrift som ligner på Intel eller SF Pro, myke skygger, subtile avrundede hjørner, monokrome ikoner og en sofistikert presentasjon av forbrukerelektronikk i oppstartsstil.