Brand Bible & Design Manual

01. Brand DNA & Filosofi

Beyond Vision bygger broen mellem digital infrastruktur og high-end liveproduktion. Kernen i vores æstetik er klinisk renhed. Vores visuelle identitet skal føles ligeså skarp som vores backend-kode og ligeså velkomponeret som vores kameravinkler.

Apple-inspireret Minimalisme

Vi benytter rigelig white-space, afrundede hjørner (Squircles), store iøjnefaldende overskrifter og indfødte UI-elementer som SF Symbols for at skabe en "Native" følelse på tværs af web og iOS.

Kode & Kamera

Økosystemet er holistisk. Det samme designsprog taler til den komplekse routing i en OB-vogn, layoutet på et scoreboard, og den underliggende SwiftUI-kode i vores administrative apps.

02. Farvepalet & Theme Inversion

Vores primære flader er bygget på extrem kontrast. Vision White åbner grænsefladerne op, mens Vision Green fungerer som systemets interaktive puls.

Vision White

HEX: #FFFFFF

Vision Green

HEX: #76BA1B

Sailing Cyan

HEX: #00D2FF

Core Dark

HEX: #0E0E0E

Dark Mode vs. Light Mode

I Beyond Visions apps (fx Sailing Log og OSIS Camp Suite) kræves fuld understøttelse af Dark Mode for at skåne øjnene under natproduktioner eller nat-sejlads.

Invertering: Vision White (`#FFFFFF`) skifter til Terminal Black (`#050505`). Core Dark (`#0E0E0E`) skifter til Hvid.
Accentfarver: Vision Green (`#76BA1B`) og Sailing Cyan forholder sig konstante og inverteres aldrig. Deres lysstyrke sikrer perfekt kontrast mod den sorte baggrund.

Glassmorphism i Mørke

Når systemet skifter til Dark Mode, skal vores blur-effekter (backdrop-filters) justeres tilsvarende.

                        /* Light Mode */

                        background: rgba(255, 255, 255, 0.7);

                        backdrop-filter: blur(15px);

                        /* Dark Mode */

                        background: rgba(20, 20, 20, 0.85);

                        backdrop-filter: blur(20px);

03. Typografi

Primær Font: UI, Overskrifter & Brødtekst

Inter Sans-Serif

Weights: Light (300) / Regular (400) / Medium (500) / Bold (700) / Black (900)

Sekundær Font: Kode, Data, Timere & Hardware

JetBrains Mono

Weights: Regular (400) / Bold (700)

04. Logoer, Moduler & Ikonografi

Beyond Vision opererer med en række sub-brands og OSIS-moduler. Hvert system har sin egen visuelle identitet og funktion, men de taler alle det samme minimalistiske, Apple-inspirerede sprog.

BEYONDVISION

Design DNA: Et tredimensionelt, metallisk ikon formet som en geometrisk blænde eller lukkemekanisme (aperture) i Vision Green.

Kommunikation: Det udstråler teknisk præcision, hardware-forståelse og dybde. Det taktile, børstede metal-look repræsenterer den fysiske verden (kameraer, racks, hardware), mens den lysende grønne farve repræsenterer den digitale kode, der binder det hele sammen.

Sailing Log

Design DNA: Fotorealistisk og maritimt udtryk. En hvid 3D-sejlbåd på dybt blåt hav, overlejret med en lysende, cyanfarvet digital rute og neon-datapunkter.

Kommunikation: Billedet illustrerer perfekt appens kernefunktion: fusionen af naturens elementer og digital tracking. De svævende UI-elementer (nodes og linjer) trækker tråde til augmented reality og avanceret navigations-telemetri på vandet.

OSIS Camp Suite

Design DNA: Clean UI-æstetik centreret omkring brugerflader. Visuelle repræsentationer af check-bokse, netværks-noder mellem profiler og en mobilskærm med et grønt flueben.

Kommunikation: Viser lynhurtig deltagerhåndtering og administrativt overblik. Elementerne kommunikerer et letlæseligt, cloud-baseret miljø, hvor komplekse processer ("Active check in") reduceres til simple, tilfredsstillende grønne godkendelser (success-states).

OSIS Competition Suite

Design DNA: Analytisk, hierarkisk og matematisk korrekt. Grafen illustrerer podier (1, 2, 3), stigende formkurver ("+200") og asynkron point-fordeling.

Kommunikation: Bygget til live data og dømning under pres. Det visuelle sprog signalerer nøjagtighed, øjeblikkelig point-beregning og ranglister, hvor de grønne nuancer fremhæver positiv fremgang og vinder-mentalitet.

OSIS Digital Signage

Design DNA: Svævende, synkroniserede skærm-grids. Tynde grå linjer forbinder de forskellige display-paneler i et rent, hvidt miljø (Vision White).

Kommunikation: Fokuserer på informationsstrømme og Kiosk-OS. Det illustrerer, hvordan et centraliseret system kan fordele "Live information feeds" og sikre "Seamless data rotation" ud til et uendeligt antal fysiske skærme i haller og på venues.

OSIS LiveSync

Design DNA: Ekstremt minimalistisk. Tynde, accelererende grønne datalinjer, der minder om printplade-spor (PCB) eller lyset i fiberoptiske kabler.

Kommunikation: Hastighed. Dette er kernen i live-broadcast. Linjerne repræsenterer sub-millisekund latency, fejlfri videorouting og realtidssynkronisering mellem OB-vogn, hardware og skyen uden forsinkelser.

OSIS NFC DMS

Design DNA: Hardwaredrevet visualisering. En fysisk scanner monteret ved en indgang, der udsender lysende grønne radiobølger og læser et svævende, digitalt ID-kort.

Kommunikation: Seamless Access Control & Intelligent Fusion. Visuelt oversætter dette, hvordan fysisk hardware kommunikerer trådløst med gæsternes armbånd eller kort, hvilket tillader lynhurtig, friktionsfri adgangsstyring.

OSIS Payment Suite

Design DNA: Finansiel dynamik. Kreditkort og NFC-tokens skyder frem ad grønne datalinjer mod en central transaktions-node.

Kommunikation: Penge i bevægelse. Logoet visualiserer et hurtigt, kablet Point of Sale (POS) system. Det integrerer desuden den specifikke gule indikator ("Under Construction Yellow"), der bruges til at markere betalingsstatus eller afventende systemprocesser uden at bryde med det grønne hoved-tema.

05. App Udvikling & SwiftUI Standarder

Kodebasen for vores iOS applikationer følger strikse visuelle regelsæt for at opretholde det native Apple-look.

SwiftUI Komponenter

Squircles: Benyt altid `RoundedRectangle(cornerRadius: 16, style: .continuous)` frem for standard afrunding for at sikre den korrekte Apple kurve.
Ikoner: SF Symbols er det eneste tilladte ikon-bibliotek i appen. Tykkelsen skal matches tekstens `font.weight`.
Offline States: Hvis appen mister forbindelse, skal den benytte et diskret "shimmer" skeleton-layout frem for larmende fejlmeddelelser, indtil data fra backend synkroniserer.

Haptisk Feedback (Taptic Engine)

Fysisk feedback er kritisk ved betjening af fx OSIS Payment Suite eller NFC scanninger.

Success: Tung, distinkt vibration (UINotificationFeedbackGenerator - success) kombineret med grønt flueben.
Navigering: Ekstremt let `.selectionChanged` vibration ved tab-skift og scroll-låsning.

06. Live Produktion & Broadcast Grafik

Når vores systemer fodrer vision-mixere og storskærme, skal det spille 100% fejlfrit sammen med teknisk hardware.

Skærmgrafik (Scoreboards & Overlays)

Title Safe: Vigtig grafik (navne, point) må aldrig placeres i de yderste 10% af skærmen for at undgå beskæring.
Chroma Keying: Grafik der skal keyes ud på hardware-mixere genereres altid med rent grøn (`#00FF00`) eller blå (`#0000FF`) baggrund, afhængig af grafikken selv.
Animationer: Scoreboards må ikke "poppe" ind. De skal bruge flydende easing-curves og konsekvent indflyvning.

Lydidentitet & Fairlight Live

Vores auditive brand skal afspejle den visuelle kvalitet. Til broadcast og lydmixning gælder stramme tekniske standarder.

LUFS Standard: Alt broadcast lydmixet (fx i Blackmagics Fairlight live) skal ramme den internationale standard på -23 LUFS for konsistent lytteoplevelse.
UI Lyde: Fejl- og notifikationslyde fra OSIS systemerne skal være bløde og dæmpede (aldrig hårde alarm-bip).

07. Hardware & 3D Print Enclosures

Software og hardware smelter sammen. Vores fysiske infrastruktur skal udstråle samme renhed som vores kode.

3D Print & Kabinetter

Når vi fremstiller custom enclosures til hardware (fx Raspberry Pi's til OSIS Signage eller beskyttelse af controllere) gælder følgende regel:

Filament: Der skal altid printes med mat, hvid filament. Den hvide overflade forlænger Vision White ind i den fysiske verden og giver hardwaren et "klinisk tech-look" fremfor det typiske sorte maskineri.

Opkabling & Rack-montering

Kabel-standarder: For at minimere visuel støj ved FOH (Front of House) eller i racks, skal kabling holdes i stramme farvekoder og stripses pænt.
Labels: Alle porte og custom-kabinetter labeles udelukkende med Dymo/print i skrifttypen JetBrains Mono for at opretholde kode-æstetikken i hardwaren.

08. T-shirt & Merchandise Tryk-specifikationer

Beklædning for Beyond Vision udgør vores uniform. Forskellige miljøer kræver forskellige tryk-metoder, men designreglerne er faste.

Opsætning & Design

Filformat (Vektor-krav): Alle trykfiler skal afleveres til trykkeriet i rent vektorformat (.AI, .EPS, eller vektor-PDF). Raster-grafik (.PNG/.JPG) er strengt forbudt til tekstil.
Placering: Logoet placeres konsekvent på venstre bryst. Størrelsen skal være diskret og professionel (ca. 8-10 cm i bredden).
Crew Titles: Hvis tøjet inkluderer en funktionel titel (fx "SCREEN PRODUCER"), skal den stå over skulderbladene på ryggen, opsat i JetBrains Mono for at bibeholde vores "tech"-DNA.

Tryk-teknik & Miljø

Live-crew (On-site): Basefarven er altid sort (Core Dark) for at blende ind i mørket bag kameraer og mixere. Her benyttes slidstærkt silketryk, der kan tåle kabeltræk, sved og mange vaske.
Kontor & Møder (Off-site): Hvide eller sorte T-shirts/Hoodies. Her kan der benyttes high-end transfer-tryk for at opnå helt knivskarpe linjer og perfekt farvegengivelse af Vision Green, uden at tøjet føles tungt.

09. Visitkort & SoMe Assets

Regler for personlig og formel repræsentation af brandet.

Visitkort Formatering

For at opretholde det korrekte visuelle hierarki mellem person, titel og virksomhed, skal navnet for Sebastian Krogh Melgaard altid formateres i gråt på visitkortets layout. Hvid må ikke benyttes til navneteksten på visitkort.

LinkedIn & Sociale Medier

Alt billedemateriale til formelle platforme som LinkedIn skal formateres som standard, højkvalitets rektangulære billeder eller bannere. Der må aldrig benyttes formater beregnet til app-ikoner (iOS squircles) til generelle opslag eller profil-headers.