Vad du bygger
En sajt som använder dina färger och typsnitt genomgående, med loggan i menyn och rätt favikon i webbläsarfliken.
Innan du börjar
- Stilguiden med hexkoder och typsnittsnamn.
- Loggfilerna med transparent bakgrund.
- Ett projekt i Lovable.
Steg för steg
1. Ge Lovable hela stilguiden på en gång
Beskriv färgerna med hexkoder, typsnitten med namn och vad som ska användas var. En tydlig prompt sparar tio justeringar.
2. Be om färgerna som designsystem
Säg uttryckligen att färgerna ska ligga som gemensamma variabler och inte skrivas in i varje enskild komponent. Då slipper du leta när du vill ändra ton.
3. Ladda upp loggan
Lägg den i menyn med rätt storlek och länka den till startsidan. Lägg också in den kvadratiska varianten som favikon.
4. Gå igenom sidorna
Klicka runt och leta efter det som inte följer stilguiden: en knapp i fel blå, en rubrik i fel typsnitt. Be om rättning sida för sida.
5. Testa på mobil
Loggan ska inte krocka med menyn och rubrikerna ska inte brytas mitt i ord. De flesta besökare kommer från telefonen.
Byggloftets tips
- Spara prompten med stilguiden. Nästa projekt börjar då redan varumärkt.
- Lägg loggfilerna i projektet i stället för att länka från en extern tjänst.
- Ändrar du en färg senare ska det räcka att ändra på ett ställe. Gör det inte det, be om en omstrukturering.
Vanliga fel
- Färgkoderna skrivs in direkt i varje sektion: då blir varje framtida ändring ett detektivarbete.
- Du glömmer favikonen: fliken visar då en tom standardikon och sajten känns halvfärdig.
Du är klar när…
Sajten följer stilguiden på alla sidor och favikonen syns i fliken.