Brändin tuonti verkkosivulta brändipakettiin

Brändin tuonti verkkosivulta onnistuu Gradientlyssä avaamalla Brändi-sivun, kirjoittamalla osoitteen Identiteetti-osion Verkkosivusto-kenttään ja valitsemalla Lue sivusto. Gradiently hakee sivuston nimen, kuvauksen, teemavärin ja kuvakkeen ja tarjoaa jokaisen erikseen. Voit käyttää nimeä, kuvausta iskulauseena tai Tietoja-tekstinä, lisätä värin brändiväreihin ja kuvakkeen logoksi. Päätät itse, mitä otat mukaan. Se kestää muutaman sekunnin ja säästää paketin määrittämisen työläimmän osuuden.

Brändin tuominen verkkosivulta

1. 1

   Avaa Brändi-sivu

   Valitse brändi, jonka tiedot haluat täyttää. Tilisi jokaisella brändillä on oma paketti, joten varmista, että olet oikeassa brändissä.

2. 2

   Anna verkkosivusto

   Kirjoita osoite Identiteetti-osion Verkkosivusto-kenttään. Pelkkä verkkotunnus, kuten crumb.co, riittää. Et tarvitse https-etuliitettä.

3. 3

   Valitse Lue sivusto

   Gradiently käy sivulla kerran, lukee sen head-osan ja hakee kuvakkeen. Painikkeessa näkyy työn aikana Luetaan….

4. 4

   Käytä sopivat tiedot

   Jokaisella löydöksellä on oma painike: Käytä nimenä ”Crumb”, Käytä sen kuvausta iskulauseena, Käytä sen kuvausta Tietoja-tekstinä, Lisää sen väri, Lisää sen kuvake logoksi. Ohita virheelliset tiedot.

5. 5

   Lue uudelleen muutosten jälkeen

   Jos päivität sivustoa, valitse Lue uudelleen. Kun kaikki hyödyllinen on jo paketissa, sivu kertoo siitä.

Sivuston väri näkyy myöhemmin myös Värit-osion ehdotuksena sivustosi nimellä. Voit lisätä sen siellä, jos ohitit sen ensimmäisellä kerralla.

Mitä Gradiently lukee verkkosivultasi

Se lukee vain antamasi osoitteen julkisen etusivun ja vain brändiä kuvailevat osat. Se ei käy muilla sivuilla, kirjaudu sisään eikä lue sisältöäsi.

Kaksi yksityiskohtaa on hyvä tuntea. SVG-kuvakkeet ohitetaan, sillä Gradiently ei rasteroi muiden SVG-tiedostoja. Pelkän SVG-faviconin sisältävästä sivustosta ei siis saada kuvaketta. Värin on myös oltava tavallinen hex- tai rgb()-arvo. Theme-color-merkinnän CSS-muuttujaa ei voi lukea.

Tee verkkosivusta helppo lukea

Jos Lue sivusto löytää vain vähän tietoa, korjaukseksi riittää yleensä muutama rivi sivuston HTML-headissa. Niistä on hyötyä muutenkin: selaimet käyttävät theme-color-arvoa puhelimen osoitepalkissa ja linkkiesikatselut Open Graph -merkintöjä. Open Graph -merkinnät ja faviconin suunnittelu syventävät aihetta.

<head>
  <title>Crumb · Sourdough bakery in Leeds</title>
  <meta name="description" content="Slow sourdough and pastries, baked every morning on Kirkgate.">
  <meta property="og:site_name" content="Crumb">
  <meta name="theme-color" content="#c2410c">
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
</head>

Mitä tehdä tuonnin jälkeen

Tuonti antaa perustan, ei valmista pakettia. Tee seuraavaksi nämä neljä asiaa tässä järjestyksessä.

1. Lataa kunnolliset logotiedostot. Favicon on pieni ja neliömäinen. Lisää koko logosi PNG-, JPEG-, WebP-, GIF- tai AVIF-muodossa, yksi tummille ja toinen vaaleille taustoille. Katso logo liukuväritaustalla.
2. Täydennä värit. Yksi teemaväri on alku. Lisää tukiväri sekä tummin ja vaalein neutraali sävy. Brändivärien valinta auttaa.
3. Määritä fontit. Valitse otsikko- ja leipätekstifontti tai lataa omat fonttitiedostosi.
4. Kirjoita ääni. Sivuston kuvaus kertoo Designerille, mikä olet, ei miltä kuulostat. Täytä Sävy, Omin sanoin, Aina ja Ei koskaan. Brändin ääni tekoälylle näyttää miten.

Kun verkkosivun lukeminen epäonnistuu

Jos näet viestin Emme voineet lukea sivustoa., sivu ei vastannut ajoissa, palautti virheen tai esti pyynnön. Tarkista, että osoite avautuu yksityisessä selainikkunassa. Yksityiseen verkkoon, kirjautumissivulle tai tiedostoon verkkosivun sijaan osoittavat osoitteet estetään tarkoituksella. Tiukan bottisuojauksen takana oleva sivusto ei ehkä ole koskaan luettavissa. Kirjoita tiedot käsin, mikä vie muutaman minuutin.

Kun paketti on täytetty, Studio näyttää värisi ensin jokaisessa valitsimessa, tarjoaa logosi ja aloittaa työt fonteillasi. Designer kirjoittaa kuvauksesi pohjalta. Yhdistä paketti Markiin, jota kukaan muu ei voi käyttää, ja julkaisusi näyttävät sinulta ensimmäisestä lähtien. Paketin muut osat käsitellään oppaassa brändipaketin määrittäminen.