AI-redo webbsida — Astro, design tokens och Git-native innehåll

Intunio är en design- och utvecklingsstudio i Göteborg som bygger AI-redo webbsidor: statiska, klientägda, med design tokens, shadcn-baserade komponenter och Markdown som innehåll. Ett format som både ert team och AI-agenter kan läsa direkt, utan plugin eller proprietär backend.

Vår utgångspunkt är många års erfarenhet av token-baserade designsystem och webbutveckling, omformulerat för en värld där koden inte längre nödvändigtvis skrivs av en människa och där innehållet ska kunna versioneras, granskas och publiceras precis som kod. Innehåll, design och kod lever i samma repo och hör ihop från första commit.

När behöver ert team en AI-redo webbsida?

För team som har en befintlig CMS-baserad sajt och inte upplever friktion räcker det att hålla den vid liv. Tre situationer där en AI-redo webbsida blir aktuell:

När agenter ska kunna läsa och uppdatera innehållet

Claude Code, Cursor och Codex kan agera direkt mot Markdown-filer i ett repo på ett sätt de inte kan mot en proprietär CMS-databas. Det öppnar för AI-driven innehållsförvaltning, automatiska översättningar och content-genom-prompt.

När ni vill äga arkitekturen utan byrå-lock-in

Befintliga sajten ligger i en CMS- eller hosting-stack där ni är beroende av en specifik leverantör. Att byta byrå kräver att produkten rivs. Ni vill kunna äga koden, byta partner, och fortsätta jobba.

När innehållet ska kunna versioneras och granskas som kod

Marknadsteamet vill ha preview, atomic releases (flera ändringar publicerade tillsammans), granskningsflöden och historik utan att lära sig en ny CMS-UI för varje uppdatering. Innehåll som Markdown i Git ger samma rytm som er utvecklingsprocess.

I alla tre fallen är poängen densamma: när allt ligger i Git i ett läsbart format förflyttas kontrollen från leverantören tillbaka till er.

Vad vi gör

• Design tokens som CSS custom properties: färg, typografi, spacing och motion uttryckta så att en framtida brand-uppdatering ändras på en plats, inte per komponent

• Statisk site med modern stack: Astro som default (zero JavaScript by default, islands för interaktiva delar), Next.js eller Vue där det passar produkten bättre

• Shadcn-baserade komponenter committade: knappar, formulärfält, kort, navigation — i ert repo, med era tokens, ingen npm-paket-bero

• Content blocks och page templates: en uppsättning återanvändbara block (hero, feature-grid, citat, FAQ, etc.) som marknadsteam kombinerar utan utvecklare

• Markdown/MDX med front matter: innehåll som filer i Git, schemavalidering på front matter, schema som följer page-typen

• Editorial preview och atomic releases: ändringar i feature-branches, preview-deploys per branch, releaser som sker när allt är klart samtidigt

• Accessibility som default: WCAG 2.2 AA inbyggt från start, semantisk struktur, kontraster i token-systemet

• Edge-hosting: Cloudflare Pages, Vercel eller motsvarande globalt CDN. Ingen applikationsserver att förvalta

Vanliga målgrupper är startups, plattformsbolag, B2B-techbolag och kommunikationstunga företag som inte vill vara fast i en CMS-stack.

Inte bara en ny stack — ett annat sätt att tänka webbsidor

På Intunio ser vi AI-redo webbsidor som en naturlig förlängning av token-arbete och Git-driven utveckling vi gjort i flera år.

Det som verkligen ändras är var källan till sanningen ligger. I en klassisk CMS-stack ligger innehållet i en proprietär databas, designsystemet i ett separat paket, och hosting bakom en byrå-portal. I en AI-redo webbsida ligger allt i samma Git-repo: design tokens, komponenter, innehåll, page templates och deploy-konfiguration. Den som har repo-åtkomst har hela produkten — agent eller människa.

Det är också anledningen till att klienten alltid äger koden från första commit. Inga proprietära dependencies, ingen specifik byrå som måste involveras för förvaltning. När byrån är klar tar ert team över, eller flyttar till nästa byrå utan att riva produkten.

Är det här rätt tjänst för oss?

Den här tjänsten passar när ni vill ha en webbsida som är klientägd, AI-läsbar, och som ert marknadsteam kan hantera via Git eller en lättviktig Git-baserad editor. Den passar särskilt bra för plattformsbolag, B2B-tech och startups som värdesätter kontroll och hastighet över traditionell CMS-funktionalitet.

För kunder som behöver redaktörsdriven publicering i stor skala, översättning av tunga innehållsvolymer eller integration mot existerande enterprise-stackar är vår klassiska webbutvecklings-tjänst med headless CMS (Payload, Sanity, Strapi, Contentful) ofta bättre lämpad. CMS-flöden med roller, granskningar och översättnings-features är fortfarande starkare i en traditionell stack.

De två tjänsterna utesluter inte varandra. Många kunder börjar AI-redo i en första fas och utökar med ett tyngre CMS när redaktionella behov växer. Och designsystemet är samma sak i båda, bara packat olika.

Hur vi jobbar i ett AI-redo webbprojekt

Fyra faser:

Designsystem och tokens

Vi sätter design tokens (färg, typografi, spacing, motion) som CSS custom properties och dokumenterar dem som del av repot. Tokens är source of truth för all visuell enhetlighet. Här byggs också grunduppsättningen av shadcn-baserade komponenter, anpassade efter era tokens.

Content blocks och page templates

Vi designar och bygger den uppsättning content blocks som marknadsteam ska använda (hero, citat, feature-grid, jämförelse, FAQ etc.) och page templates som kombinerar dem. Innehållsmodellen definieras genom front matter-schema i MDX-filer.

Implementation och content-flöde

Komponenterna byggs som Astro/Next-komponenter mot designsystemet. Editorial preview, atomic releases och navigation som auto-populeras från page-metadata sätts upp. CI/CD och edge-deploy konfigureras (klient eller vi, beroende på överenskommelse).

Validering, accessibility och launch

Vi kör WCAG 2.2 AA-granskning, prestandatest mot Core Web Vitals, SEO-redirects från gammal struktur. Vi gör en överlämning där ert team kan publicera utan vidare hjälp från oss.

För kunder som vill fortsätta efter launch går vi över i löpande månadssamarbete för nya komponenter, content blocks, prestandaarbete och stöd när marknadsteamet stöter på nya behov.

Vad vi erbjuder

AI-redo webbsidor varierar i omfattning beroende på antal page-typer, antal content blocks och komplexitet i innehållsmodellen. Fyra vanliga upplägg:

• AI-redo webbsida för startup eller mindre bolag (80–120 timmar, ca 80 000–120 000 kr, leveranstid 3–6 veckor): design tokens, 8–12 content blocks, 3–5 page templates, första uppsättning shadcn-komponenter, Markdown-baserat innehåll, edge-deploy. Bra för en marknadssajt eller produkt-landningssida.

• AI-redo webbsida för plattformsbolag eller produktportfölj (från 320 timmar, från ca 320 000 kr, ett typiskt plattformsbygge landar på 500–800 timmar, ca 500 000–800 000 kr; leveranstid 2–4 månader): större designsystem, 15–25 content blocks, flera page-typer (produkt, brand, företag, news), editorial preview-flöden, redaktörstöd via Git-baserad editor. Bra när sajten ska bära ett varumärke och en produktportfölj med flera ytor.

• Konvertering: CMS-baserad webbsida → AI-redo (160–320 timmar, ca 160 000–320 000 kr, leveranstid 4–8 veckor): ni har en existerande sajt på Sanity, Contentful, WordPress eller liknande. Vi migrerar innehåll till Markdown, etablerar design tokens, bygger om komponenterna som shadcn-baserade och flyttar hosting till edge.

• Långsiktig förvaltning (rullande månadssamarbete, från 40 timmar/månad, ca 40 000 kr/månad): nya content blocks, page templates, designjusteringar, prestandaarbete och stöd till marknadsteamet. Lättare förvaltning än traditionella webbprojekt eftersom det mesta innehållsarbetet sker i Git av kunden själv.

För kunder som behöver designsystem som grund för flera produkter bygger vi in det parallellt eller länkar till vår AI-redo designsystem-tjänst. De två sätten att packa designsystem och webbsida följer samma princip: allt ligger i Git, allt är agent-läsbart, allt ägs av klienten.

Vad kostar en AI-redo webbsida?

En AI-redo webbsida kostar ca 80 000–120 000 kr för en startup-sajt och från ca 320 000 kr (typiskt 500 000–800 000 kr) för ett plattformsbygge; konvertering av en befintlig CMS-sajt ca 160 000–320 000 kr, förvaltning från ca 40 000 kr/månad. Allt räknas på timpriset 995 kr/h (vårt bästa pris, med Team retainer) — paketen ovan visar timmar och pris.

AI i vårt arbete

AI-verktyg ingår i taxan. Vi använder Claude, Cursor och Codex för att skriva komponentkod, generera content block-varianter, sätta upp page templates och iterera på design tokens. AI-redo arkitekturen är dessutom byggd för att ert eget AI-flöde ska kunna fortsätta efter launch — agenten har samma åtkomst till repot som ni.

Vanliga startpunkter

Tre typiska tillfällen då en konversation med Intunio blir relevant:

När en ny varumärkesidentitet behöver komma ut i webbformat snabbt

Ni har gjort om brand platform, visuell identitet och tone of voice, och behöver en sajt som speglar det. Vi går från brand-assets till live webbsida via design tokens och content blocks, ofta under några veckor.

När en befintlig sajt har vuxit ifrån sin CMS-stack

Ni märker att uppdateringar tar för lång tid, byråberoendet växer, och varje feature kräver utvecklare. AI-redo arkitekturen flyttar kontrollen tillbaka till er.

När ni vill kunna jobba AI-driven från start

Ni använder redan Claude Code, Cursor eller motsvarande för utvecklingsarbete. En sajt i Git med Markdown-innehåll och shadcn-komponenter låter agenten arbeta lika fritt med webbsidan som med er kod.

I alla tre fallen är resultatet detsamma: en webbsida ert team äger, kan vidareutveckla utan att riva, och som lika gärna kan uppdateras av en mänsklig redaktör som en AI-agent.