Basstion Forge
Basstion Forge · Website Studio

Websites, hand-built for small businesses.

A small Connecticut studio that sketches, styles and ships your site, then hands you the keys. Here is one coming together.

  1. 01 · SketchStart with a plan: what matters, in what order, and the one thing a visitor should do.
  2. 02 · StyleType, color and spacing picked for this business, not pulled from a theme.
  3. 03 · Bring it to lifeImagery, light and motion, tuned so the page still opens quickly.
  4. 04 · ShipTested on phones, tablets and big screens, then handed over in your name.
01 · Buttons

A hundred ways to say “book now.”

The button is where a visitor decides, so it should feel like something. These are demos of the kinds we build, drifting past. Press and hold any one: the whole wall stops while you play with it, and starts again when you let go.

120+ buttonsPress and hold one to stop the wall. They are demos, so none of them go anywhere.

02 · Craft

Six layers between a template and a brand.

Same bakery, same words. Switch on each layer and watch what it changes, or forge all six at once.

Tap a layer to switch it on

0/6 layers
harborbakery.example
Home   About   Menu   Contact
Since dawn · On the harbor

Bread worth waking up for.

Fresh loaves and pastries every morning. Order ahead and skip the line.

Order for pickupSee today's bake
Stock photo
Opens in about4.2 s

An example business, made up for this demo. Load times are illustrative.

03 · Motion

Effects you can put on your pages.

Six live examples of motion we build into client sites. Each one plays on its own here; on your site they would run as people scroll. Swipe or scroll sideways to see them all.

yourshop.example
Open on a moving picture.See what's new
Film loop
Film heroA short looping clip behind your headline, loaded only when someone reaches it.
trailhead.example
Trailhead OutfittersGear for the long way round.Shop the trail kit
Parallax layersSky, hills and headline move at different speeds, so the page feels deep.
harborbakery.example
New this week Fresh out of the oven. Cardamom buns, Saturdays only.
Letter-by-letter revealHeadlines that rise into place one letter at a time as they come into view.
northlight.example
01FamiliesGolden hour on the beach, kids included.
02BrandsHeadshots and product shots that match.
03EventsThe whole night, delivered the next week.
Stacking cardsSections that slide up and stack like a deck as people scroll through your services.
yourgym.example
Classes booked this month 1,284 ↑ 18% on last month
Counters and chartsNumbers that count up and bars that grow, for results worth showing off.
nightroast.example
Small batch Night Roast Dark chocolate, cherry, a little smoke. Add to order
Spotlight and tiltA product card that leans toward the cursor while a light follows it. Try it with a mouse.

Sample businesses, made up for these demos.

04 · Directions

Every site gets its own world.

Each app on this site has its own colors, type and motion. Open one and see. Your site starts from a few directions like these, made for your business.

ArcadeLoud color, chunky type and something to play.Forgeflight → Trading FloorLive numbers, sharp edges and a ticker that never sleeps.Bull Pit → Clean MaterialCalm, readable and clear, the way a safety tool should be.Radon Tracker → Control RoomA terminal you would trust at 3 a.m.PaperHawk → PlaygroundBig, friendly and built to make a kid tap.Chore Champs →
05 · Process

How a build goes, start to finish.

You see working pages on your own phone early and often, not a slide deck at the end.

  1. 01Brief

    A call or a written brief: what you sell, who buys it and what you want them to do.

  2. 02Directions

    A few design directions as clickable pages. Choose one, mix them or push back.

  3. 03Build

    Fast pages, real motion and clear words, checked on phones, tablets and big screens.

  4. 04Hand over

    Your domain, email and analytics set up, with the keys in your name.

Your domain and emailSet up and secured, so mail lands in inboxes.
Phone firstDesigned for the screen most visitors use.
Found on searchClean titles, descriptions and sharing previews.
Readable by everyoneContrast, focus and a calm mode for less motion.
Fast hostingServed from a global network, not one slow server.
Yours to keepCode, accounts and a short guide, in your name.

Tell us about your business.

A few lines is enough. You'll get back a plan and a first look at a direction for your site.

Send a brief Book a call