siTOTis Information Services

The Gallery

Every iteration of sitotis.ai collected in one place. Browse designs, revisit experiments, and pick what ships next.

48
Websites
01 Production 3
Live
northern-command-live
Northern Command
Currently deployed to sitotis.ai. Command-center aesthetic with grid overlay, topographic SVG texture, arctic dark palette.
video bg grid overlay ice blue
Live
resume-live
Resume
Red accent, JM monogram. Deployed at sitotis.ai/resume.
print-ready
GSAP
northern-protocol
Northern Protocol
Blade Runner x Canadian Shield. Glitch text, energy meter bars, fake terminal, GSAP + ScrollTrigger.
cyberpunkglitch textenergy meters
02 Final Designs 6
HTML
sitotis-main
Main Site
Film grain, floating gradient blobs, marquee text. Teal, coral, violet accents.
graingradient blobs
Video
v1-northern-command
V1 Northern Command
Command-center. Persistent grid lines, topographic SVG background, Space Grotesk + Inter + IBM Plex Mono.
grid overlaytopo SVGarctic dark
Video
v2-aurora-borealis
V2 Aurora Borealis
Northern lights gradient mesh, glassmorphic cards, aurora palette.
aurora meshglassmorphism
HTML
v3-white-paper
V3 White Paper
Editorial. Narrow 680px column, Instrument Serif, paper texture, terracotta.
editorialpaper texture
HTML
v4-signal
V4 Signal
Neobrutalist. Lime green, hard drop shadows, blinking cursor, monospaced.
neobrutalistlime + black
HTML
v5-midnight-studio
V5 Midnight Studio
Animated gradient separators, glassmorphic cards, cyan + amber accents.
gradient linesobsidian
03 Style Variants 4
Video
landing
Landing Page
Dark SaaS. Fixed video bg, red CTA, multi-section marketing.
red accentvideo bg
Video
dark-cinematic
Dark Cinematic
Cinematic refinement of the landing page concept.
cinematicdark SaaS
HTML
brutalist
Brutalist
Fixed sidebar, 15vw monospaced type, 3px borders, terminal widget, ASCII.
brutalistsidebar nav
HTML
organic
Organic
Canadian nature. Warm cream, forest greens, topo SVG, dot nav, Fraunces serif.
forest greentopo SVG
04 Scroll Animations 3
Video
scroll-transform
Scroll Transform
Video scrubs with scroll through a 400vh runway.
Video
scroll-transformers-v1
Transformers V1
Transformers-themed scroll-driven video.
Video
scroll-transformers-v2
Transformers V2
Second iteration of the scroll-video concept.
05 Hero Collection 22
hero-gallery
Gallery Main
Cross-fading stormy skies, golden glow. Playfair Display.
hero-aurora
Aurora
hero-city
City
hero-wolf
Wolf
CRT scan lines, film grain. "No Compromise."
hero-ocean
Ocean
Underwater caustics, 25 animated bubbles.
hero-forest
Forest
hero-mountain
Mountain
hero-tiger
Tiger
hero-owl
Owl
hero-jellyfish
Jellyfish
hero-kingfisher
Kingfisher
hero-rocket
Rocket
hero-retrolab
RetroLab
hero-horse
Horse
hero-couch
Couch
hero-daisy
Daisy
hero-octopus
Octopus
hero-swans
Swans
hero-solitary
Solitary
hero-sparrow
Sparrow
hero-office
Office
hero-wolfpack
Wolfpack
06 V3 Cyberpunk Heroes 10
v3-hero-01
01 — Gravitational Lens
SVG turbulence distortion on giant SITOTIS text, canvas starfield.
v3-hero-02
02
v3-hero-03
03
v3-hero-04
04
v3-hero-05
05 — The Grid
Brutalist data-dashboard. 12-column grid with GSAP steps(1) timing.
v3-hero-06
06
v3-hero-07
07
v3-hero-08
08
v3-hero-09
09
v3-hero-10
10
07 Experiments 1
CSS
wolf-animation
Wolf Animation
Running wolf zooms and fades into static open-mouth image. Pure CSS transitions.
video-to-imagezoom transition
siTOTis Information Services Inc.
Dunchurch, Ontario
Nothing here
No sites match your search.