Websites by Garritson Works

A clear story.
A distinct feeling.

Original websites for businesses, apps, and new ideas. Start with the visitor's needs, find the right visual direction, and build the content around what you actually do.

Explore the directions Talk through a site

The design collection

Find your
starting point.

These are demonstrations of visual styles, not client projects or customer endorsements. Each build gets original business-specific content and imagery.

Studios & agencies

Garritson Noir

House style — editorial blue/noir storytelling, cursor field, Fraunces serif, film grain, outline marquee

Med spa / luxury

Scroll-Film Odyssey

One continuous cinematic film that scrubs as you scroll — dusk to luminous. Completed example includes real generated footage.

Studios & agencies

Garritson Ivory

House style, light — warm ivory/cream editorial variant of Garritson Noir; blue accent on cream

Studios & agencies

Garritson Sand

House style, warm — bronze/sand variant of Garritson Noir

Med spa

Editorial Luxury

Warm "quiet luxury", serif + whitespace, cinematic

Design/architecture studio

Storytelling Cursor

Dark, cursor-reactive gradient bg, scroll narrative, kinetic type

Gyms/fitness

Bold Energetic

Oversized type, vivid color blocks, marquee, punchy

Agencies

Minimal Swiss

Strict grid, hairlines, restrained, one accent

SaaS

Dark Premium Tech

Near-black, glass cards, neon gradients, glow

Cafes

Retro Brutalist

Mono + hard borders + offset shadows, stickers, tape

Consumer apps & SaaS

Parallax Storytelling

Immediate editorial hero, bold type, colored chapters, and a compact three-state object story

Private memberships/clubs

Liquid Chrome

Aperture-reveal intro, iridescent oil-slick bg, chromatic uppercase

Creative/digital studios

Mono Studio

Near-black, light mega-type, % counter intro, hand-drawn squiggles

Whole-home services

Spatial Walkthrough

Warm charcoal + gold ornament, scroll travels through a space, annotated waypoints

AI & consumer apps

Cinematic Product

Defocus-blur loader â crisp, big editorial sans, device showcase, carousel

Logistics

Bold Noir

Near-black, oversized tight grotesk, skewed wordmark, one electric accent

Commercial real estate

Architectural Whitespace

Pure white, giant light letters spread on scroll, soft greyscale form

Fintech & payments

Playful Gradient

Sunrise gradient, pill UI, mixed-weight kinetic type, friendly mascot

Athletes & sports brands

Athlete Brand

Electric accent on dark, serifÃsans marquees, signature scrawl, duotone portrait

Established local trades t

Heritage Editorial

Photo-immersive warm editorial — full-bleed Ken-Burns hero, Fraunces serif + bronze on ivory, parallax band,…

Luxury hospitality & hotel

Hospitality Luxe

Warm, emotive, photography-immersive — GSAP word-by-word tagline reveal, full-bleed property/interior parallax bands…

Creative/brand studios

Storytelling Noomo

Soft dreamscape storytelling — pastel periwinkle base, giant Fraunces serif, morphing blob cursor, chaptered…

Athletes

Kinetic Motorsport

Cinematic athlete/motorsport — dark olive + bone + electric lime, portrait wireframe overlay, topographic contour…

Athletes

Kinetic Motorsport — Blue

Electric-blue scheme on deep navy — spotlight portrait, slow wandering topographic field, pinned photo timeline.

Kinetic Motorsport Mono website style screenshot

Athletes

Kinetic Motorsport — B&W

Black & white — white accent on near-black, greyscale topographic field; same kinetic interactions.

Creative/digital/motion st

Orbital Studio

Playful-premium creative studio — near-black, %-counter preloader, orbiting circle-text badge, scroll image-scaling…

Creative/digital/motion st

Orbital Studio — Blue

Cool blue scheme — azure + indigo accents on cool near-black; same orbiting badge, %-counter preloader, image-scaling cases.

Orbital Studio Mono website style screenshot

Creative/digital/motion st

Orbital Studio — B&W

Black & white — white + grey accents on near-black; same orbital energy with no color.

Portfolios

Fluid Gallery

Refined light gallery — warm grey, Newsreader serif, fluid clip-path project transitions, pinned horizontal showcase,…

Scroll-led image-mask reveal

Masked Headline

REST: six faint color photographs and no hero copy. FIRST SCROLL: those same photographs form, enlarge, and sharpen inside the company-name letterforms—never as a font color. Supporting copy appears only after the image wordmark has formed.

Luxury home builders

Refined Residential

Elegant residential — warm sand + taupe, Cormorant serif, Ken-Burns hero, homes carousel, parallax bands

AI & data products

Physics Bubbles

Buoyant bubble field — near-black, iridescent glass spheres with Matter.js physics that react to the cursor, "loading…

Boutique & historic hotels

Florentine Palazzo

High-key pastel Florentine romance — drifting-fog dream hero, serif-pill room carousel, botanical watermarks, a scalloped ogee-arch dusk act, letter-writing booking form.

A simple way forward

From what if.
To what's next.

01
Find the real need.
Start with a task, a frustration, or an idea worth testing.
02
Make it tangible.
Put a working version in front of the people who will use it.
03
Refine what works.
Learn from everyday use. Keep what helps. Improve what gets in the way.

One idea, taking shape. Scroll to explore.

Good design. Honest content.

Stand out.
Stay yourself.

A polished website should make your business easier to understand—not invent a track record. We use real information, original or authorized imagery, and clear next steps.

Let's make something useful

What are you
working on?

Start a conversation

A clear story.A distinct feeling.

Find yourstarting point.

Garritson Noir

Scroll-Film Odyssey

Garritson Ivory

Garritson Sand

Editorial Luxury

Storytelling Cursor

Bold Energetic

Minimal Swiss

Dark Premium Tech

Retro Brutalist

Parallax Storytelling

Liquid Chrome

Mono Studio

Spatial Walkthrough

Cinematic Product

Bold Noir

Architectural Whitespace

Playful Gradient

Athlete Brand

Heritage Editorial

Hospitality Luxe

Storytelling Noomo

Kinetic Motorsport

Kinetic Motorsport — Blue

Kinetic Motorsport — B&W

Orbital Studio

Orbital Studio — Blue

Orbital Studio — B&W

Fluid Gallery

Masked Headline

Refined Residential

Physics Bubbles

Florentine Palazzo

From what if.To what's next.

Find the real need.

Make it tangible.

Refine what works.

Stand out.Stay yourself.

What are youworking on?

A clear story.
A distinct feeling.

Find your
starting point.

From what if.
To what's next.

Stand out.
Stay yourself.

What are you
working on?