Design & Aesthetic
Blueprint
The palette, the type, the Bond posters it all came from.
Artwork by Haerul Ambiya, Unsplash
Iridescent Midnight — twelve tokens, all blue. Backgrounds elevate from midnight through navy to deep. Cobalt glow for labels. Teal for everything you can press.
Four typefaces. Two of them are in deliberate tension — the warmth of DM Serif Display against the cold geometry of Bebas Neue. That friction is the site.
Cinema
ROYALE
The art of the overly long film review.
She reviews films nobody asked her to.
Three figures. Each one placed differently — in the hero, in the logo, in the wider world of the site. All illustrations used under the Unsplash Licence.
Made by gilang yuda alyahya on Unsplash — a proper illustrated poster artwork, not a flat silhouette. The original amber palette was re-coloured to the site's cool blue-midnight tones. She is under water, absorbing light from above. The bubbles rise.
The same artist, a different figure — Made by gilang yuda alyahya on Unsplash: more mysterious, more still. Used as the nav logo mark and on every episode's podcast cover art. Recolored to cobalt blues. The OG red lips made me inspired to include the red highlight in my site.
The third piece is by Muhammad Afandi on Unsplash. Warm amber and deep navy — the original palette before the re-colour into cobalts & teals. Added some drop shadows to highlight our boy James & included a few bubbles to keep him alive & kicking.
Two Bond film posters - sourced from IMDB website. That's where this entire visual language came from.
1965 · Palette · Title treatment
Thunderball
The two-colour stacked title — bold roman on top, lighter italic below — is the direct ancestor of the Kino / ROYALE logo split. The underwater world gives the site its feeling of being submerged in blue light, looking up.
1987 · Composition · Light source · Colour depth
The Living Daylights
Near-black navy as the dominant tone. A single light source top-left. A silhouette figure partially cropped by the left edge. The homepage hero is a direct homage to this poster — same tension between darkness and a figure caught mid-movement.
Every decorative element on this site is hand-coded SVG — no images, no libraries.
Bubble Divider
Seven SVG circles in a row, each rendered as its own inline SVG element sized exactly to its radius. No fill — only a 1.5px stroke. Radii vary from 3px to 7px, giving an organic, floating quality.
Colours alternate between cobalt glow (#4A8AD4) and red (#c1272d) at opacities between 0.35 and 0.55 — low enough that neither dominates. The red ones are the same accent used in the silhouette lips and the Royal Simulator card.
Light Orb — Water Background
Three concentric SVG ellipses, each with a different feGaussianBlur filter (stdDeviation 24 → 10 → 6). Stacked from largest to smallest, they create a soft atmospheric glow that reads as light refracted through water.
Wide stroked lines (strokeWidth 25–80) at 3–6% opacity fan out from the light source as descending rays. Thin ellipses at the top edge simulate surface ripples. Small unfilled circles scattered around the lower half are rising bubbles — the same structural technique as the divider, but placed spatially rather than in a row. The whole SVG is mirrored with scaleX(-1) so the light source lands top-left where the silhouette stands.