Bygg et HubSpot CMS-tema med AI: tema, pilarside og bloggmodul

Lag et enkelt HubSpot CMS-tema for [SELSKAPSNAVN], [BESKRIVELSE PÅ ÉN LINJE, f.eks. et B2B SaaS-selskap].

FØRST
Undersøk prosjektet og følg den støttede HubSpot-utviklingsmetoden og konvensjonene det bruker. Hvis prosjektet er tomt, foreslå strukturen først. Ikke anta at React eller TypeScript passer for alle temafiler. Bruk gjeldende offisiell HubSpot-dokumentasjon der det trengs.

SELSKAP
[SELSKAPSNAVN] hjelper [MÅLGRUPPE] med å [HVA DERE HJELPER DEM MED].
Løfte: [LØFTE I ÉN SETNING].
Overskrift: [OVERSKRIFT PÅ FORSIDEN].
Primær CTA: [PRIMÆR CTA, f.eks. Book en demo].
Sekundær CTA: [SEKUNDÆR CTA, f.eks. Se hvordan det fungerer].

DESIGN
[TRE ELLER FIRE ORD FOR UTTRYKKET, f.eks. Ryddig, rolig, praktisk, profesjonelt].
Bakgrunn [HEX]; kort [HEX]; tekst [HEX]; primærknapper og lenker [HEX]; aksent [HEX]; kantlinjer [HEX].
[SKRIFTTYPE] med sans-serif som reserve. God luft, [HJØRNESTIL, f.eks. svakt avrundede] kort og knapper, maksimal innholdsbredde rundt [BREDDE, f.eks. 1 200 px]. Responsive oppsett, lesbar tekst, tilgjengelig kontrast, synlig tastaturfokus. Unngå forstyrrende dekorative animasjoner.

BYGG NÅ
Lag gjenbrukbare stiler, passende redigerbare temainnstillinger, en enkel header og footer, og en minimal forsidemal til en senere demonstrasjon av bloggmodulen. Hold det lite og lett å forklare. Bruk tydelig merket plassholdertekst der ekte tekst mangler. Ikke dikt opp kundelogoer, kundeuttalelser, tall eller resultater.

SENERE — IKKE BYGG ENNÅ
En gjenbrukbar mal for pilarsider og en modul for de nyeste blogginnleggene på forsiden.

OVERLEVERING
Kjør tilgjengelige sjekker. Forklar hva som er laget, hva som kan redigeres, og hvordan det forhåndsvises. Flagg gjenværende problemer. Ikke eksponer legitimasjon eller commit autentiseringsfiler. Ikke last opp, deploy eller publiser i dette steget.

Lag en gjenbrukbar HubSpot CMS-mal for pilarsider i [SELSKAPSNAVN]-temaet vi nettopp bygde.

FØRST
Undersøk temaet. Gjenbruk stilene, komponentene, konvensjonene og den støttede utviklingsmetoden. Bruk gjeldende offisiell HubSpot-dokumentasjon der det trengs.

KONTEKST
[SELSKAPSNAVN] er [BESKRIVELSE PÅ ÉN LINJE].
Demotema: [PILARTEMA]. Dette er illustrativt, ikke en søkeordmulighet som er validert gjennom research.
Eksempeltittel: [EKSEMPELTITTEL, f.eks. Den komplette guiden til …].
Målgruppe: [MÅLGRUPPE].
Formål: [HVA LESEREN SKAL KUNNE GJØRE ETTER Å HA LEST].

OPPSETT
Ta med brødsmulesti; én H1 og en innledning; valgfri forfatter og oppdateringsdato; hovedpunkter; en tilgjengelig innholdsfortegnelse som lenker til seksjonsankre; redigerbart hovedinnhold med logiske H2- og H3-overskrifter; plass til illustrasjoner, eksempler og sjekklister; redigerbare spørsmål og svar; relaterte ressurser; og en relevant [PRIMÆR CTA]-CTA.

EKSEMPELSEKSJONER
[5–7 SEKSJONSOVERSKRIFTER FOR DEMOTEMAET, f.eks. Hva er …? / Slik fungerer det / Hvem eier hva / Måle fremdrift / Vanlige feil]
Ofte stilte spørsmål.

REDIGERING OG TILGJENGELIGHET
Bruk redigeringsfunksjoner som HubSpot støtter. Gjør malen gjenbrukbar for andre temaer i stedet for å hardkode eksempelet overalt. Hold implementasjonen minimal. Bruk kortfattet plassholdertekst. Ikke dikt opp tall, kilder, sitater eller kunderesultater. Bruk semantisk HTML, beskrivende lenker, logiske overskrifter, kontroller som kan brukes med tastatur, og lesbare mobiloppsett. Hold viktig innhold i den rendrede siden. Fast navigasjon må ikke skjule overskrifter.

SØK
Bruk HubSpots eksisterende funksjoner for redigerbare sidetitler og metabeskrivelser. Ikke dupliser metadata eller strukturerte data som allerede leveres. Ikke påstå at malen, spørsmålene og svarene eller schemaet garanterer rangeringer eller plass i AI-svar.

OVERLEVERING
Kjør tilgjengelige sjekker. Forklar hva som er laget, hva en markedsfører kan redigere, og hvordan det forhåndsvises. Flagg gjenværende problemer. Ikke last opp, deploy eller publiser i dette steget.

Lag en gjenbrukbar HubSpot CMS-modul som viser de nyeste blogginnleggene på forsiden til [SELSKAPSNAVN].

FØRST
Undersøk temaet og følg konvensjonene. Bruk gjeldende offisiell HubSpot-dokumentasjon for funksjoner du ikke kjenner, og den støttede modulmetoden som passer for dette prosjektet.

DESIGN
Følg temaets typografi, farger, avstander og kortstil. Bruk responsive oppsett for desktop og mobil.

REDIGERINGSKONTROLLER
Redigerbar seksjonsoverskrift, valg av blogg og et fornuftig, avgrenset antall innlegg som vises.

INNLEGGSKORT
Bruk de faktiske nyeste innleggene fra den valgte bloggen. Vis fremhevet bilde når det finnes, tittel, et kort utdrag i ren tekst og en beskrivende lenke til artikkelen. Håndter manglende bilder, lange titler og tomme blogger på en god måte. Bruk semantisk markup og synlig tastaturfokus. Unngå unødvendige avhengigheter.

DEMOINNHOLD
Hvis det ikke finnes innlegg, vis en nyttig tom-tilstand. Hvis det trengs eksempelkort, legg til en eksplisitt demomodus, merk eksempelinnholdet tydelig, og la demomodus være av som standard.

KONSISTENS
Hold feltdefinisjoner og rendering konsistente. Følg eksisterende mønstre i temaet. Hold modulen enkel og gjenbrukbar.

OVERLEVERING
Kjør tilgjengelige sjekker. Forklar hvordan modulen legges til på forsiden og hvordan innstillingene endres. Beskriv forhåndsvisning på desktop og mobil. Flagg gjenværende problemer. Ikke last opp, deploy eller publiser i dette steget.