Hoe deze site gemaakt is
Colofon.
Deze website is gebouwd door THE REAL MAG. zelf. Eat your own dogfood. Alle product-imagery en de hero-video zijn gegenereerd via onze eigen 3D-regie + AI-creatie werkwijze. Geen stockfoto's, geen externe creatieve studio.
Wat we gebruiken
- De site zelf: vanilla HTML/CSS/JS. Bewust geen framework, voor pure laadtijd en maximale levensduur.
- Typografie: Montserrat (300/400/500/600/700). Onze huisfont. Cormorant Garamond Italic als serif-accent voor payoffs en quotes.
- Iconografie: inline SVG, geen icon-library.
- Animaties: Intersection Observer + CSS transitions. Geen GSAP-runtime nodig.
Beeldproductie. Onze eigen werkwijze
- 3D-regie: brandbook, materiaalpalet en compositie-richtlijnen vastgelegd als prompt-templates. Dit is de bron van alle consistentie.
- Hero-video: Cinema Studio Video 3.0 via Higgsfield. Een product-compilatie reel met 3D-wireframe-to-photoreal morph, doorlopend naar luxe interieurs en macro-textuur.
- Product-stills: Nano Banana Pro via Higgsfield, 2K resolutie. Elke productshot (sneaker, laars, kraan, sofa, badkamer, tegels, trailer) is bij ons geregisseerd en in 2 minuten gerenderd.
- Logo's & wave-element: huisstijl, vector. Origineel ontworpen voor THE REAL MAG.
Wat je hier ziet, is exact wat we voor klanten leveren. De prompts, materiaalbibliotheek en regie-templates zijn dezelfde die in onze klantprojecten draaien.
SEO & Performance
- Schema.org JSON-LD (Organization, BreadcrumbList).
- Open Graph + Twitter Cards.
- Sitemap + robots.txt + llms.txt.
- Lazy-loading op afbeeldingen onder de fold.
- Doel: Lighthouse > 90 op alle categorieën.
Hosting & Versiebeheer
- Statische hosting met een kleine server erachter voor het contactformulier (zie infrastructuur-docs).
- Git, met een vaste route van test naar live.
Open source
Sommige UI-fragmenten (cookie banner pattern, marquee, accordion) zijn vrij hergebruikbaar. Hint nodig? Mail ons gerust.