CSS site directions

Showcase.

Inspect well-designed site directions, compare their visual systems, and turn the one you like into a complete implementation prompt.

North / StudioSelected work
Independent design studio

Make the useful feel unforgettable.

Strategy, identity, and digital products for teams moving with intention.

01StrategyFind the signal.
02IdentityGive it a voice.
03DigitalMake it useful.
Landing pages · Vanilla CSS

Studio landing page

A confident one-page studio site with an editorial hero and proof points.
Monday, September 28
Active users24,892+18.4%
Conversion8.64%+2.1%
Incidents03Needs review
Weekly signal
Recent activity
New workspace2 min agoComplete
API health check18 min agoReview
Dashboards · Tailwind CSS

Signal metrics dashboard

A calm operational dashboard that makes metrics easy to scan.
FIELD NOTESIssue 08 / Autumn
A slower internet

The case for making room.

Notes on attention, texture, and building digital places that invite people to stay.

Read the feature →
01 / SystemsDesigning with fewer rules
02 / CultureWhat a good archive remembers
03 / PracticeSmall rituals for better launches
Editorial sites · Vanilla CSS

Field notes editorial site

A reading-first publication layout with a tactile article index.
ATELIER / 26New arrivals
Objects for everyday rituals

Quiet forms,
bright details.

Stoneware set$84 · Kitchen
Field tote$46 · Carry
Desk lamp$128 · Work
E-commerce · Tailwind CSS

Atelier commerce grid

A product-led storefront with a compact filter rail and tactile cards.
Alex MorganProduct designer · Toronto
Available for select projects

Interfaces with a point of view.

I help ambitious teams turn complex ideas into clear, confident products.

01 / ArcMaking logistics feel humanProduct / 2026
02 / MorrowA quieter way to planIdentity / 2025
Portfolios · Vanilla CSS

North Star portfolio

A distinctive case-study index for an independent designer or developer.
Orbit / WorkspaceTuesday, 9:41
New workspace

Make something useful.

Start with a rough idea. Orbit will help you shape the next step.

Describe what you want to make...
Recent runs
Landing page outline2 min ago · Ready
Release notes summaryYesterday · Ready
Product UI · Tailwind CSS

AI workspace home

A focused AI workspace for turning an idea into a useful first draft.
Workspace settings

Your team

Manage people, roles, and the way your workspace works.

All changes saved
Product UI · Vanilla CSS

Team settings panel

A practical account settings surface for teams, roles, and secure changes.
Field / CheckoutSecure checkoutStep 2 of 3
Shipping details

Where should we send it?

Conversion flows · Tailwind CSS

Checkout that converts

A low-friction checkout layout that keeps order context visible at every step.
Still / Book a visit1. Service2. Time3. Confirm
Choose a time

Find a moment that works.

45 min · Toronto studio · $120

October 2026
Conversion flows · Vanilla CSS

Booking flow starter

A friendly appointment booking surface that makes availability and next steps obvious.
Tuesday, October 4
Priority queue
Export keeps timing outMarin · 4 min ago
Invite link expiredJon · 18 min ago
Question about billingAsha · 42 min ago
Ticket #1842

Export keeps timing out

Hi team — the CSV export has been running for ten minutes. Is there a limit on larger workspaces?

Write a helpful reply...
Product UI · Tailwind CSS

Support inbox workspace

A calm triage workspace for turning incoming questions into clear next actions.
Northstar / RoadmapQ4 planning
12 initiatives4 ownersOct 28 next review

Now

In progressImprove import speedMarin · Oct 18
DesigningWorkspace templatesAsha · Oct 24

Next

PlannedAudit trail filtersJon · Nov 02
PlannedTeam permissionsLee · Nov 09

Later

ExploringMobile quick actionsUnassigned
Product UI · Tailwind CSS

Roadmap board workspace

A focused planning workspace that makes priorities, owners, and delivery stages easy to scan.

Selected direction

Studio landing page

North / StudioSelected work
Independent design studio

Make the useful feel unforgettable.

Strategy, identity, and digital products for teams moving with intention.

01StrategyFind the signal.
02IdentityGive it a voice.
03DigitalMake it useful.