Byggevejledning · v1
Birch & Surkaj — WordPress build
Trin-for-trin instruktion til en AI-agent (eller menneskelig bygger) til at bygge sitet i WordPress + Astra + Spectra. Følg sekventielt fra FASE 0.
Til agent: Følg denne vejledning sekventielt. Hver sektion er én logisk handling. Ved “VENT PÅ BRUGER” — spørg brugeren om input før du fortsætter. Tekstindhold skal indsættes ord-for-ord; tomme parenteser […] er placeholder-billeder som brugeren uploader manuelt. Brug aldrig kode-redigering — alt bygges med visuelle blokke i Astra + Spectra.
Indhold
Fase 0 — Forudsætninger
Fase 1 — Installer WordPress på Simply.com
Fase 2 — Installer tema og plugins
Fase 3 — Globale design-tokens
Fase 4 — Upload logo og site identity
Fase 5 — Konfigurer header
Fase 6 — Opret de 5 sider
Fase 7 — Opret menu
Fase 8 — Byg sider med Spectra-blokke
Fase 9 — Footer
Fase 10 — Sluttjek
Logo-filer (inline SVG)
FASE 0 — Forudsætninger (VENT PÅ BRUGER)
Spørg brugeren om følgende, før du fortsætter:
Simply.com login (brugernavn + adgangskode) — eller bed brugeren logge ind manuelt og dele skærmen
Domænenavn der skal bruges (fx birchogsurkaj.dk)
WordPress admin-URL når WP er installeret (typisk domæne.dk/wp-admin)
WordPress admin-login (brugernavn + kodeord, sat under installation)
FASE 1 — Installer WordPress på Simply.com
Log ind på kunder.simply.com
Klik på det relevante webhotel
I venstre menu: klik “WordPress”
Klik “Installer ny WordPress”
Vælg domænet fra dropdown
Sæt admin-bruger og adgangskode (gem dem)
Sprog: Dansk
Klik “Installer” — vent 2-3 minutter
Gå til
FASE 2 — Installer tema og plugins
Tema
Udseende → Temaer → Tilføj nyt
Søg efter: Astra
Klik Installer på “Astra” (af Brainstorm Force)
Klik Aktiver
Plugins (i denne rækkefølge)
Plugins → Tilføj nyt
Installer + aktiver:
Spectra – WordPress Gutenberg Blocks
SVG Support (af Benbodhi) — så vi kan uploade .svg-logo
Hvis Astra spørger om “Starter Templates” — afvis (vi bygger fra bunden)
FASE 3 — Globale design-tokens
Farver
Udseende → Tilpas (åbner Customizer)
Global → Farver → Globalt farvepalette → Rediger palette
Indtast disse globale farver præcist:
Slot Hex Brug
Theme Color (Primary) #E86D54 Overskrifter, brand-orange
Link Color #E86D54 Links, accenter
Heading Color #E86D54 H1–H4
Text Color #F0E4CC Brødtekst (creme)
Background Color #3A4F3B Sidens baggrund (skovgrøn)
Border Color #52684F Linjer, skillelinjer
Hvis Astra kun har 4 farveslots: brug Primary=#E86D54, Secondary=#F0E4CC, Background=#3A4F3B, Border=#52684F.
Klik Publicer øverst.
Typografi
Stadig i Customizer: Global → Typografi
Standard typografi: Family Libre Baskerville, vægt 400, størrelse 17px desktop
Overskrifter: Family Libre Baskerville, vægt 700. Tag-størrelser:
H1: 56px desktop, 36px mobil
H2: 48px desktop, 32px mobil
H3: 28px desktop, 22px mobil
H4: 20px desktop, 18px mobil
Knapper: Libre Baskerville, vægt 400, letter-spacing 0.08em, text-transform UPPERCASE
Container
Global → Container
Indstil Content width til 1180px
Publicer
FASE 4 — Upload logo og site identity
Udseende → Tilpas → Site Identity
Logo: klik “Vælg logo” → upload helm-orange.svg (se sektion Logo-filer nederst — kopier SVG-koden og gem som fil først)
Hvis WP afviser SVG: gå til Indstillinger → SVG Support og slå “Sanitize SVG” til; prøv upload igen
Sæt logo-bredde: 56px desktop, 40px mobil
Site title: Birch & Surkaj
Tagline: Spisehus · Café · Mikrobageri · Læsø
Vis Site Title og Tagline: slå begge til
Site Icon (favicon): upload helm-orange.svg igen
Publicer
FASE 5 — Konfigurer Header
Udseende → Tilpas → Header Builder
Primary Header struktur:
Venstre: Site Title & Logo
Midten: Primary Menu (oprettes i FASE 7)
Højre: HTML 1 (telefonnummer)
Klik på HTML 1 og indsæt:
☎ +45 98 49 12 34
Header → Primary Header → Design:
Background: #3A4F3B
Padding: 20px top, 20px bottom
Border bottom: 1px solid #52684F
Sticky header: slå til
Publicer
FASE 6 — Opret de 5 sider
For hver side: Sider → Tilføj ny → indtast titel → klik Udgiv (gem som tom side først, vi udfylder dem i FASE 8).
Opret disse 5 sider i denne rækkefølge: Forside · Spisehuset · Surkaj · Om os · Kontakt.
Efter alle 5 er oprettet:
Indstillinger → Læsning
“Din forside viser”: vælg En statisk side
“Forside”: vælg Forside
Gem ændringer
FASE 7 — Opret menu
Udseende → Menuer
Opret nyt menu: navn Hovedmenu
Tilføj alle 5 sider i denne rækkefølge: Forside · Spisehuset · Surkaj · Om os · Kontakt
Menu Settings: sæt som Primary Menu
Gem menu
FASE 8 — Byg sider med Spectra-blokke
Generelle byggeregler
Brug Spectra Container som ydre wrapper for hver sektion (max-bredde 1180px og padding)
Mellem sektioner: Spectra Spacer 80px desktop / 56px mobil
Alle billeder er placeholder — indsæt Spectra Image med en placeholder-tekst i caption. Bruger uploader rigtige fotos senere.
FORSIDE
Sektion 1 — Hero (fuldbredde billede med overlay-tekst)
Spectra Container → Width=Full Width, Min Height=78vh
Background: type=Image, vælg placeholder (“RESTAURANT · vidvinkelfoto af spisesalen i det gamle mejeri”)
Overlay gradient: linear-gradient(180deg, rgba(28,24,20,0.1) 0%, rgba(28,24,20,0.55) 100%)
Indhold-justering: bottom-left
Indhold:
Heading H6 (eyebrow): Spisehus · Café · Mikrobageri · Læsø — farve rgba(240,228,204,0.9), 12px, letter-spacing 0.18em, uppercase
Heading H1: Hav, eng og salt, serveret stille. — farve #E86D54, max-width 16ch
Spectra Info Box (3 kolonner):
KØKKEN / “Moderne nordisk”
BELIGGENHED / “Byrum, Læsø”
FØLG OS / Spectra Icon List: Instagram + Facebook links
Sektion 2 — Velkomst-intro (2 kolonner)
Spectra Columns 50/50
Venstre:
H6 eyebrow: VELKOMMEN TIL BIRCH & SURKAJ
H2: En tallerken Læsø, hvert besøg.
Paragraph: “Vi henter tang fra Bovet, rejer fra Vesterø Havn, urter fra haven bag huset, og salt fra syderierne på Rønnerne. Resten kommer fra øens småbønder. Menuen skifter med ugerne — nogle gange med dagene.”
Button: Læs vores historie → → link /om-os/
Højre: Image placeholder, aspect-ratio 4:5, caption “PORTRÆT · Mille og Steffen i køkkenet, dagslys fra vindue”
Sektion 3 — Helm-divider
Indsæt centreret Spectra Image med 3 helms side om side (brug inline-SVG fra sektion Logo-filer nedenfor). Padding 32px top/bottom.
Sektion 4 — Tre principper (3 kolonner)
Spectra Container med baggrund #314229
H6 eyebrow: TRE TING VI HOLDER FAST I
H2: Korte afstande, lang tilberedning, ingen larm.
Spectra Info Box × 3 (3 kolonner):
01 · Råvarer fra øen 85 % af det vi serverer kommer fra Læsø eller havet omkring øen. Resten henter vi i Vendsyssel.
02 · Familien bag Drevet af Mille og Steffen Brink siden 2019. Mille i køkkenet, Steffen i salen — og to børn der dækker borde i weekenderne.
03 · Stille rammer 42 pladser, ingen baggrundsmusik over en samtale, åbent ildsted og udsigt over markerne og kirken gennem otte små vinduer.
Sektion 5 — Menu-teaser (lyst sand-baggrund, 2 kolonner)
Spectra Container baggrund #ECDCBE
Spectra Columns 50/50:
Venstre: H6 AFTENMENU · UGE 28, H2 Fem retter, én historie., paragraph nedenfor, to knapper “Se hele menuen →” (link /spisehuset/) og “Hent som PDF”
Højre: Image placeholder 4:5, caption “MENU PHOTO · luftbillede af tre tallerkner”
Paragraf: “Vores aftenmenu er fast: fem serveringer fra forret til lille sødt, sammensat efter ugens fangst og høst. 695 kr. Vinmenu 495 kr.”
Knaptekst-farve på sand-baggrund: #3A4F3B
Sektion 6 — Anmelder-citat (2 kolonner)
Venstre: stort serif-citat “Det er sjældent man spiser et sted hvor man kan smage selve øen — Birch & Surkaj kommer tæt på.” · caption — POLITIKEN MAD · FORÅR 2025
Højre: Image 1:1, caption “RUMBILLEDE · spisesalen med stearinlys”
Sektion 7 — Anmeldelses-strip
Spectra Container med øverste/nederste border 1px #52684F. Spectra Info Box med 4 kolonner, hver med ★:
★ White Guide Nordic
★ Politiken 5/6
★ Berlingske · Top 50 Provins
★ Slow Food Danmark
SPISEHUSET
Sektion 1 — Hero (tekst)
H6 eyebrow: SPISEHUSET · 17.00–21.30 · TI–LØ
H1: Fra havet, engen og syderiet.
Paragraph: “Aftenmenu serveres tirsdag til lørdag fra kl. 17.00 til 21.30. Fem retter, sat sammen efter ugens fangst og høst. Vi opdaterer menuen hver uge — herunder er et eksempel på en uge.”
Button: ↓ Hent aftenmenu som PDF + lille tekst “Opdateres hver mandag · ca. 240 KB”
Sektion 2 — Aftenmenu
H2 Aftenmenu · italic underrubrik fem retter · 695 kr · vinmenu +495 kr
For hver ret: Spectra Container med 2 kolonner. Venstre: H4 retnavn + paragraph. Højre: pris i serif-orange. Border-top 1px #52684F.
Navn Beskrivelse Pris
Rugbrød, syltede strandasters, smør fra Børglum Bagt på surdej fra hjemmemøllet rug. Strandasters fra Rønnerne, smør fra Børglum Mejeri. —
Hvide rejer, dild, agurk Håndpillede rejer fra Vesterø Havn, fermenteret agurk, koldpresset dildolie og en skefuld iskoldt rejebouillon. —
Stenbiderrogn, ristet rug, creme fraiche Rogn fra Læsø Fiskefabrik, ristet rugbrødskrumme, syrnet fløde fra Thise og dyrket havtorn. —
Helleflynder, brændt porre, beurre blanc med tang Bagt på benet over åben ild, glaseret med en let beurre blanc kogt med blæretang fra bæltet. —
Havtorn, hvid chokolade, ristet havre Mousse af havtorn fra Vendsyssel, sprøde havreflager og frossen hvid chokolade. —
Sektion 3 — Vinpairing
H2 Vinpairing · underrubrik fire glas valgt til menuen · +495 kr
Til forretten Müller-Thurgau, Pheasant’s Tears, Georgien. Skarp og let mineralsk.
Til fiskeretterne Riesling Trocken, Weingut Knipser, Pfalz. Slank, tør og frisk.
Til hovedretten Trousseau, Domaine de la Tournelle, Jura. Let rød med spinkle tanniner.
Til desserten Tokaji Aszú 3 puttonyos, Disznókő, Ungarn. Honning og havtorn.
Sektion 4 — Note
Spectra Container med venstre border 2px #E86D54 og baggrund #314229:
H3: En note om priser
Paragraph: “Vi har bevidst valgt ikke at sætte priser på de fem retter i aftenmenuen — den serveres altid som et samlet forløb. Råvarer kan skifte fra uge til uge afhængigt af fangst og høst.”
SURKAJ
Sektion 1 — Hero (tekst)
H6 eyebrow: SURKAJ · BAGERI & CAFÉ · TI–SØ
H1: Mikrobageri om morgenen, café fra frokost.
Paragraph: “Surkaj er vores dagside: Mille bager surdejsbrød og kanelsnegle fra ni om morgenen, og fra middag åbner vi caféen med smørrebrød, fiskesuppe og dagens småretter. Walk-in, ingen booking.”
Button: ↓ Hent dagsmenuen som PDF
Sektion 2 — Mikrobageri
H2 Mikrobageri · underrubrik tirsdag–søndag · 09.00–11.30
Navn Beskrivelse Pris
Surdejs-rugbrød (hel) Bagt af hjemmemøllet rug fra Læsø, fermenteret 36 timer. Smager bedst dagen efter. 85
Kanelsnegl med kardemomme Smørdej, mørkt rørsukker, dansk kanel og kardemomme stødt om morgenen. 42
Tebirkes med remonce Smørdej-birkes med marcipan-remonce og blå birkesfrø fra Mors. 38
Croissant Klassisk fransk smørcroissant, lavet med Birkum smør og dansk hvede. 36
Havre-cookie Knasende havre, valnød og lidt havsalt fra syderiet. 28
Filterkaffe (påfyldning fri) Brygget på bønner fra La Cabra, Aarhus. 45
Sektion 3 — Café
H2 Café · underrubrik tirsdag–søndag · 12.00–16.00
Navn Beskrivelse Pris
Smørrebrød · sild tre måder Karry, æble og sennep — på vores eget rugbrød. 165
Smørrebrød · stjerneskud Pandestegt rødspætte, hvide rejer, mayonnaise og citron. 185
Læsø fiskesuppe Fløde, dild, dagens fisk fra Vesterø Havn. Serveres med groft brød. 175
Tre småretter fra dagen Et lille udvalg fra køkkenet — skifter dagligt. Kan udvides til fem (245 kr). 165
Ostebord Tre danske oster fra Thise og Arla Unika, med kompot fra haven og knækbrød. 145
Sektion 4 — Drikke
H2 Drikke · underrubrik kaffe · saft · øl · vin
Navn Beskrivelse Pris
Espresso / cortado / cappuccino La Cabra-bønner, ristet i Aarhus. 38
Saft fra haven Solbær, mynte, lidt rabarber. Alkoholfri. 55
Læsø Bryghus pils Bryggeri på øen. Fadøl 33 cl. 65
Husets hvide (glas) Müller-Thurgau, Pheasant’s Tears, Georgien. 95
Te fra A.C. Perch’s Lapsang, Earl Grey eller Rooibos. Med honning fra Læsø. 55
Sektion 5 — Note
H3: Walk-in og take-away
Paragraph: “Surkaj kører uden booking — kom forbi, sæt jer hvor I vil, eller tag noget med. Vi pakker også gerne brød og kage til en weekend-tur. Bestil dagen før hvis I vil sikre jer en hel rug.”
OM OS
Sektion 1 — Hero
H6 eyebrow: OM BIRCH & SURKAJ
H1: Vi åbnede fordi vi savnede at spise sådan her hjemme på Læsø.
Paragraph: “Mille voksede op på en gård i Byrum. Steffen kom fra restaurantkøkkener i København. I 2019 flyttede vi tilbage med to børn, en pose drømme og det gamle Læsø Mejeri.”
Sektion 2 — Sticky kapitel-navigation
Spectra Container sticky top. 3 ankerlinks: 01 Historie · 02 Om matriklen · 03 Om Læsø kunst og kultur
Sektion 3 — Stort billede
Full-width Image placeholder, aspect-ratio 21:9, caption “FAMILIEPORTRÆT · Mille og Steffen foran det gamle mejeri”
Kapitel 1 — Historie (anker #historie)
H6 eyebrow: KAPITEL ET · H2: Historie
Lead: “Mejeriet havde stået tomt i 41 år da vi købte det. Vi brugte to et halvt år på at gøre det klar til at modtage gæster — og åbnede første gang aftensmaden 9. april 2019.”
2 underafsnit (H3 + paragraph):
Køkkenet — Mille har stået i køkkener hos Henne Kirkeby Kro og Frederikshøj. Hun laver mad uden moderne tricks: ild, salt, syre, tid. Vi har en lille stab på fire i køkkenet og to i salen.
Råvarerne — Vi har faste aftaler med fem af øens bønder, tre fiskere, og henter selv tang i bæltet mellem Læsø og Hirsholmene. Vores salt kommer fra Saltsyderiet og bruges som krydderi, kur og — sjældent — som dekoration.
Tidslinje (H3 “En kort tidslinje”):
2017 Mille og Steffen mødes på et bryllup. Begge arbejder i københavnske køkkener.
2019 Flytter til Læsø og åbner Birch & Surkaj i det gamle Læsø Mejeri.
2022 Optaget i White Guide Nordic. Bygger ny urtehave bag huset.
2025 Anmeldt 5/6 hjerter i Politiken. Udvider sæsonen med vintermenu i februar.
2026 Sæsonen åbner 4. april. Ny vinmenu med 70% naturvin fra Skandinavien.
Kapitel 2 — Om matriklen (anker #matrikel, baggrund #314229)
H6 eyebrow: KAPITEL TO · H2: Om matriklen
Lead: “Byrum Hovedgade 85 har huset Læsø Andelsmejeri siden 1887. Bygningen er bevaringsværdig og har stort set ikke ændret form i 140 år — vi har bare flyttet ind.”
3 detalje-billeder (3 kolonner, 3:4):
“DETALJE · åbent ildsted med sejldug over”
“DETALJE · urtehaven i den brolagte gård”
“DETALJE · de syv små mejerivinduer i salen”
4 underafsnit:
1887 – 1972 — Læsø Andelsmejeri blev opført som en af de første industrielle bygninger på øen, og forsynede Læsøs ca. 2.800 indbyggere med mælk, smør og ost i 85 år. Mejeridriften lukkede i 1972 da driften flyttede til Hjørring.
1972 – 2017 — Efter mejeriets lukning blev bygningen brugt som lager for Læsø Auktioner, og var i en periode tegnestue for arkitekt Knud Friis. Den var tom og delvist forfaldet i 8 år før vi købte den.
Restaureringen — Vi har bevaret de oprindelige hvidkalkede vægge, fliserne i den gamle ostekælder, og de syv små mejerivinduer i salen. Loftet er åbnet op til kip, og vi har hængt en gammel sejldug fra et Læsø-skib over det åbne ildsted.
Salen i dag — 42 pladser fordelt på den tidligere ostehal, plus 14 sommerpladser i den brolagte gård bag huset. Møblerne er auktionsfund fra hele øen — ingen stol er ens.
Kapitel 3 — Om Læsø kunst og kultur (anker #kultur)
H6 eyebrow: KAPITEL TRE · H2: Om Læsø kunst og kultur
Lead: “Læsø er en lille ø med usædvanligt meget kunst. Tangtagshusene, saltsyderiet, fiskerlejerne og den lutherske kirke har gjort øen til et samlingspunkt for kunstnere, kunsthåndværkere og musikere i over hundrede år. Vi forsøger at være en del af det miljø.”
4 underafsnit (venstre kolonne tekst, højre kolonne fastlåst billede):
Tangtagene — Læsø er det eneste sted i verden hvor man stadig tækker huse med ålegræs. Der findes omkring 25 originale tangtagshuse tilbage — vi henviser gerne videre til Museumsgården og Tangtagets Venner hvis I vil besøge dem.
Læsø Kunsthåndværk — Sammenslutningen af øens keramikere, vævere og smedere holder fælles åbent værksted hver første lørdag i sæsonen. Vi serverer dem morgenmad og bruger deres tallerkner i salen — kig efter Maria Klüvers og Asger Eriksens signaturer på undersiden.
Koncerter & oplæsninger — Otte mandage om året — på vores lukkedag — låner vi salen ud til kammerkoncerter, oplæsninger og samtaler arrangeret af Læsø Kulturhus. Programmet for sæson 2026 offentliggøres i marts.
Børnenes Læsø — Vi støtter Byrum Skoles havprojekt, hvor 4. klasse hvert år lærer at pille rejer, ryge sild og bage rugbrød i vores køkken. Det er den bedste mandag på året.
KONTAKT
Sektion 1 — Hero
H6 eyebrow: KONTAKT & FIND VEJ
H1: Vi glæder os til at se jer.
Paragraph: “Vi tager imod bordbestilling pr. telefon mellem 10 og 17 alle dage hvor vi har åbent. Skriv gerne en mail hvis vi ikke tager telefonen — vi vender tilbage samme dag.”
2 knapper: ☎ +45 98 49 12 34 (tel:+4598491234) og [email protected] (mailto:[email protected])
Sektion 2 — Praktisk + Åbningstider (2 kolonner)
Venstre — Praktisk
Adresse Byrum Hovedgade 85, 9940 Læsø
Telefon +45 98 49 12 34
Mail [email protected]
Booking Pr. telefon, dagligt 10–17
Børn Velkomne — vi har børnemenu
Allergi Skriv ved bestilling, vi tilpasser
Parkering Gratis på Hovedgaden, 1 min gang
Færge 10 min med bil fra Vesterø færgehavn
Højre — Åbningstider
Mikrobageri Tirsdag–søndag · 09.00–11.30
Café Tirsdag–søndag · 12.00–16.00
Spisehuset Tirsdag–lørdag · 17.00–21.30
Mandag Lukket hele dagen
Lille tekst i italic: “Sæson 2026 · 4. april — 19. oktober”
Sektion 3 — Find vej (baggrund #314229)
H6 eyebrow: FIND VEJ · H2: Sådan finder I os
Paragraph: “Birch & Surkaj ligger midt i Byrum, ca. 6 km fra Vesterø Færgehavn. Fra Frederikshavn tager færgen ca. 90 minutter. Vi har aftale med Læsø Taxa hvis I ikke har bil med.”
Embed Google Maps iframe centeret på Byrum Hovedgade 85, 9940 Læsø:
FASE 9 — Footer
Udseende → Tilpas → Footer Builder
Footer-baggrund #314229 · tekst-farve #F0E4CC
4-kolonne layout:
Kolonne Indhold
1 · Brand Wordmark-logo eller H4 “Birch & Surkaj” + tagline: “Spisehus, café og mikrobageri i Byrum, Læsø. Nordisk køkken, lokale råvarer, ingen larm.”
2 · Besøg Byrum Hovedgade 85, 9940 Læsø · +45 98 49 12 34 · [email protected]
3 · Åbningstider Mikrobageri · 09.00–11.30
Café · 12.00–16.00
Spisehuset · 17.00–21.30
Man lukket
4 · Følg med Instagram · Facebook · Nyhedsbrev
Footer bottom: © 2026 Birch & Surkaj ApS · CVR ●●●●●●●● (venstre) + Bygget i WordPress med Astra (højre)
FASE 10 — Sluttjek
Besøg birchogsurkaj.dk i ny browser-fane (ikke logget ind). Tjek:
Logo + tagline vises korrekt i header
Menu virker, alle 5 sider er klikbare
Overskrifter er orange #E86D54
Baggrund er grøn #3A4F3B
Brødtekst er cremet #F0E4CC
Alle billeder er placeholder med caption
Footer er korrekt udfyldt med 4 kolonner
Mobil-visning fungerer (test på telefon eller browser-devtools)
Rapporter tilbage til brugeren: skærmbillede af forsiden + liste over hvad der er bygget og evt. udeståender.
Logo-filer (inline SVG)
Kopier indholdet af hver SVG nedenfor, gem som en .svg fil på din computer, og upload til WordPress.
helm-orange.svg — til Site Identity, favicon, header
Ægishjálmur · orange
Brug til logo, favicon, kontaktblok.
Hex: #E86D54
helm-black.svg — til print
Identisk SVG som ovenfor, blot med stroke=”#1c1814″ i stedet for #E86D54.
wordmark-orange.svg — fuld lockup
Spisehus · Café · Mikrobageri
Birch & Surkaj
Wordmark lockup
Brug til footer, brevhoved.
NB: text er som tekst — konverter til outlines i Illustrator/Inkscape før print.
Slutnote til agenten: Hvis du er i tvivl om et layout, refer til den originale HTML-prototype som visuelt facit. Hvis du støder på en Spectra-blok der ikke kan det samme som prototypen, vælg den blok der ligger tættest på — det er vigtigere at sitet virker og er nemt at vedligeholde end at det er 100% pixel-perfekt. Beskriv tydeligt til brugeren hvis du har lavet kompromisser.