Bakom kulissernaBygget

Vad vi byggde på 24 timmar

Från statisk site till fullständig portal, sandlåda och varumärke på en sprint

Jag vill berätta vad vi faktiskt byggde igår.

Inte ett roadmap-inlägg. Inte ett visionsdokument. Vad vi bokstavligen satte oss ner och levererade på en dag — för att jag tror det säger något om hur vi arbetar och vad Stomme håller på att bli.


Var vi startade: en statisk webbplats

Klockan nio hade vi en statisk webbplats. Ren, varumärkeskonsistent, men statisk. En Cloudflare Pages-driftsättning. HTML, CSS, lite JavaScript. Ingen backend. Ingen autentisering. Inga betalningar. Du kunde läsa om Stomme. Du kunde inte köpa det.

Vi hade också ett varumärke i förändring. Det visuella systemet var fortfarande i Falun-röd-eran — varm, skandinavisk, genomtänkt. Jonathan hade suttit med en referensbild från Arc Raiders i två veckor, och jag tittade hela tiden på den och tänkte: vi jobbar inte tillräckligt hårt på det visuella registret. Det förändrades igår.

Vid midnatt hade vi levererat:

✓ En komplett autentiserings- och prenumerationsportal

✓ Stripe-betalningar med webhook-hantering

✓ En sandlåda för agentmiljö för klientdriftsättningar

✓ Ett helt nytt varumärkessystem

✓ Ett andra videokoncept

✓ En fullständig uppsättning marknadsföringsmaterial

Låt mig gå igenom det.


Portalen

Nils byggde den i en enda Cloudflare Workers + Pages-driftsättning. Ingen separat backend-server. Ingen hanterad databas att underhålla. Cloudflare D1 för SQLite-baserad kontodata. Cloudflare KV för sessionstokens.

Auth-flödet: du anger din e-post, vi skickar en magic-länk, du klickar på den, du är inne. Inga lösenord att glömma, ingen OAuth-dans. Länken är engångsanvändbar och löper ut om 15 minuter. Din sessionstoken finns i en säker cookie och KV, inte på våra servrar.

Betalningar går via Stripe. Kassan är en Stripe-hostad sida — vi rör aldrig kortuppgifter. När en betalning lyckas skickar Stripe en webhook till vår Workers-funktion, som markerar ditt konto som aktivt och köar din agentprovisionering. När du avbryter meddelar Stripe oss, vi uppdaterar din post och åtkomsten avslutas vid fakturaperiodens slut.

Hela systemet: en wrangler.toml, ett Workers-bundle, en D1-databas, ett Stripe-konto. Driftsättbart på tjugo minuter till en ny miljö.


Sandlådan

Det här är det jag är mest stolt över.

Vi hade ett problem. Vår första riktiga kund — Mareike, en affärskonsult i Hamburg — behöver sin agent på sin arbets-MacBook. Det innebär att agenten behöver tillgång till hennes arbetsfiler, hennes e-post, hennes kalender. Hennes arbetsgivares data.

Att köra en autonom AI-agent på någons arbetsmaskin, med den nivån av åtkomst, utan isolering är inget du levererar till en betalande kund. Agenten måste vara genuint avskärmad från värddatorns operativsystem. Inte policyavskärmad — hårdvaruavskärmad.

Nils tillbringade de tidiga morgontimmarna med att testa OpenShell, NVIDIAs nyutgivna runtime för autonoma AI-agenter. Utgiven fyra dagar före vår sprint. Vi verifierade:

  • Agentens container kan inte läsa /Users/ — katalogen existerar inte inne i sandlådan
  • Alla utgående nätverksförfrågningar inspekteras — agenten kan nå Anthropic och Telegram, inget annat
  • API-nycklar injiceras vid runtime som miljövariabler — skrivs aldrig till disk
  • Containern använder seccomp-profiler för att blockera privilegieeskalering

Vi testade detta klockan ett på natten. Det klarade testet. Vi bestämde oss för att leverera det.

Installationsprogrammet vi bygger för Mareikas maskin: en .command-fil, dubbelklicka för att köra. Det installerar Colima (en lättviktig Docker-runtime för macOS), hämtar OpenShell-imagen, startar sandlådan och injicerar hennes autentiseringsuppgifter. Hon ser ett terminalfönster, en förloppslinjal och sedan ett Telegram-meddelande från hennes agent som säger att den är redo.

Det är upplevelsen vi bygger mot för varje kund.


Varumärket

Det statiska sitets visuella system var rätt för var vi var för sex veckor sedan. Vi byggde med redaktionell omsorg — Cormorant-serif, varma off-white-toner, Falun-tegelröda accenter. Det såg genomtänkt ut. Det såg hantverk ut.

Jonathan återvände hela tiden till Arc Raiders — ett spel av Embark Studios, ett Stockholmsföretag, av en slump. Mörka bakgrunder. Fet kondenserad text. Industriell precision. Bärnstenvärme som den enda dramatiska accentfärgen. Visuell övertygelse utan aggression.

Vi hade cirklerat kring detta i två veckor. Igår bestämde vi oss.

Det nya systemet:

  • Barlow Condensed ersätter Cormorant som displaysnittet. Geometrisk, fet, industriell. Designad för skyltning och strukturella tillämpningar — exakt det semantiska registret vi vill ha.
  • Inter ersätter DM Sans för brödtext. Mer läsbar i små storlekar på mörka bakgrunder.
  • Djup (#111010) är den primära canvas — en varm nästan-svart. Inte kall. Inte skarp. Tyngd.
  • Bärnsten (#E8A54B) är den enda accenten — varm mot mörka fält, dramatisk, förtjänad.
  • Trestrecksmärket kvarstår. Det som förändras är var det lever: bärnsten på mörkt, inte rött på vitt.

Jag skrev om webbplatskopian i samma session. Den gamla rubriken: Din personliga AI-agent. På din Mac. Utan komplexiteten. Den nya rubriken: Din agent körs. Hantera resten från din mobil.

Skiftet är från löfte till faktum. Den gamla texten beskrev vad vi skulle sätta upp. Den nya beskriver vad som redan händer.


Videon

Vi hade ett videokoncept under utveckling — traditionella bilder, fem scener, Sora-genererade klipp. Kvalitetskontroll visade att tre av de fem scenerna hade BLOCKERANDE artefakter: fel Mac Mini-form, fel objektpermanens, en telefon som aldrig faktiskt plockades upp.

Så vi byggde ett andra koncept istället för att fixa det första.

Koncept 2 kallas "Konversationen är videon." Inga bilder. Inga enhetsskalmar. Inga skärmar. Hela videon är en Telegram-liknande konversation — ett användarmeddelande som glider in, agentsvar som dyker upp med bärnstensbockar, accelererande tempo när arbetet blir klart.

Manuset:

"Jag går in i ett styrelsemöte till klockan tolv. Ta hand om min morgon."

✓ Möte med Petra — flyttat till torsdag 14:00

✓ Lindgren-kontraktet — svarsutkast köat för din granskning

✓ 23 e-postmeddelanden triagerade — 3 flaggade, 20 arkiverade

...fem till...

✓ Kalender — eftermiddagen frigjord för djupt arbete

"Klart. Välkommen tillbaka."

Tidsstämpeln rullar från 09:00 till 12:00. Sedan tonar konversationen bort. Varumärkesmärket dyker upp.

Det tog en eftermiddag att producera HTML/CSS-animationen. Barlow Condensed för agentsvaren. Inter för användarmeddelandet. Typsnittssystemet ÄR produktdemot. Den typografi vi bygger varumärket på är också videoinnehållet.

Det är vad "varumärkeskoherens" innebär i praktiken: samma beslut som definierar det visuella systemet definierar också videoformatet.


Marknadsföringsmaterialen

Medan Nils byggde portalen och sandlådan körde innehållspipelinen parallellt:

  • Hero-bildkoncept v8 — tre Arc Spectrum-inriktade bildbriefar
  • Fullständig omskrivning av copy.js för EN, SV, DE — djärvare, mer filmisk, presens
  • Blogginläggskoncept inklusive det här
  • Utåtriktade e-postmeddelanden för Anthropic- och Telegram-partnerskap, uppdaterade för aktuellt produktläge

Textomskrivningen är den som betyder mest. Varje mening av marknadsföringskopia är ett påstående om vilken typ av företag du är. Den gamla texten påstod: vi är tillgängliga, vi förklarar allt, var inte rädd. Den nya påstår: det här fungerar redan. Vill du vara med?

Vi bygger inte en tillgänglig produkt. Vi bygger infrastruktur. Språket borde reflektera det.


Vad som inte blev klart

Ärlig sprintretrospektiv:

  • Sora-videoscenerna med BLOCKERANDE artefakter har inte regenererats (Nils har QC-rapporten; detta är schemalagt)
  • OpenShell egress allow-list-policyfilen behöver testas före Mareikas maskin
  • Bloggsidesimplementeringen (designspecifikation finns; Nils har inte byggt den än)
  • Typsnittsfixen på den befintliga videon (Cormorant användes istället för det korrekta teckensnittet; behöver ett omrenderingspass)

Inget av detta är lanseringsblockerare. De är det verkliga arbetet för de närmaste 48 timmarna.


Varför jag skriver det här

För att de flesta företag skriver blogginlägg om vad de planerar att göra. Jag ville skriva ett om vad vi faktiskt gjorde.

Sprinten hände. Portalen är live. Sandlådearkitekturen är testad. Varumärkessystemet finns i kodbasen. Videoanimeringen renderar. Texten är driftsatt.

Vi är ett litet team. Vi levererade mycket på en dag. Anledningen till att vi kunde göra det är samma anledning som vi tror på Stomme som produkt: rätt infrastruktur, uppsatt en gång, skalar.

Stommen bär tyngden. Allt ovanför rör sig snabbt.

Ready to meet your agent?

Set up takes under an hour. No technical knowledge required.

Start for free