Siirry sisältöön

Brändinmukaiset artefaktit design.md:llä

design.md-tiedosto on Markdownilla kirjoitettu brändiohjeistus. Kun liität sen assistenttiin, se antaa assistentille pysyvän joukon visuaalisia ohjeistuksia – värit, typografia, välistys, komponenttimallit – joita se soveltaa joka kerta, kun se luo HTML-artefaktin tai visuaalisen tulosteen.

Ilman design.md-tiedostoa assistentti käyttää yleistä visuaalista tyyliä. Liitettynä luodut artefaktit, kuten HTML-sivut, koontinäytöt, raportit ja interaktiiviset demot, heijastavat organisaatiosi todellista brändiä.

  • Yhtenäinen visuaalinen identiteetti – luodut artefaktit käyttävät brändivärejäsi, fonttejasi ja välistyksiäsi ilman, että sinun tarvitsee kuvata niitä jokaisessa promptissa.
  • Uudelleenkäytettävät brändisäännöt – kirjoita ohjeistukset kerran; jokainen assistentin kanssa käyty keskustelu hyötyy niistä automaattisesti.
  • Vähemmän edestakaisin käymistä – käytät vähemmän aikaa tyylien korjaamiseen ja enemmän aikaa sisällön hiomiseen.

design.md-tiedosto on Markdown-dokumentti, joka kuvaa brändiohjeistuksesi luonnollisella kielellä ja jäsennellyillä listoilla. Se ei tarvitse noudattaa mitään tiukkaa rakennetta – assistentti lukee sen ohjeina.

Hyviä asioita sisällytettäväksi:

  • Väripaletti – pää-, toisio-, korostus-, tausta- ja tekstivärit (hex-arvoilla)
  • Typografia – fonttiperheat, koot ja painot otsikoille, leipätekstille ja koodille
  • Välistys ja asettelu – sarakeleveydet, täytteet, border-radius-arvot
  • Komponenttimallit – miltä painikkeiden, korttien, taulukoiden ja merkkien tulee näyttää
  • Äänensävy-ohjeet – miltä tekstin tulee tuntua (muodollinen, ystävällinen, ytimekäs jne.)
  • Rajoitukset – asiat, joita assistentin tulee välttää (kuvakirjastokuvat, räikeät värit jne.)
  1. Avaa assistentti, jonka haluat määrittää, ja klikkaa Muokkaa.
  2. Siirry Liitteet-osioon.
  3. Klikkaa Lisää liite ja lataa design.md-tiedostosi.
  4. Tallenna assistentti.

Tiedosto on nyt aktiivinen. Jokainen kyseisen assistentin kautta käyty keskustelu sisältää brändiohjeistukset kontekstina visuaalisten tulosteiden luomiseen.

Lisätietoa liitteiden ja tietämyksen erosta ja milloin käyttää kumpaakaan:

design.md-lähestymistapa toimii minkä tahansa HTML-pohjaisen tai visuaalisen tulosteen kanssa, jonka assistentti luo, mukaan lukien:

  • HTML-sivut ja interaktiiviset demot
  • Tyylitellyt raportit ja koontinäytöt
  • Sähköpostimallit
  • HTML/CSS:llä renderöidyt datavisualisoinnit
  • Komponenttien esikatselut

Tavalliseen tekstiin pohjautuvat tulosteet, kuten yhteenvedot, luettelot tai koodi ei-visuaalisissa kielissä, eivät visuaalisesti vaikutu design.md:stä.