CardBadgeInputTextarea

Creative studio landing page

An editorial agency website with selected work, services, process, and a project inquiry form.

Try the controls below. This is a standalone browser demo; submissions and account actions show local feedback.

Live preview

Offset Studio .

Independent design studio · Brooklyn

Distinct identities.
Thoughtful digital experiences.

We help ambitious small businesses find their voice and show up with confidence. Strategy, identity, and websites made to work together.

Explore selected work

Selected work

2024–2026

fw.

Fieldwork

Brand strategy & identity

FORMA

Forma

Digital product & website

Good Company

Packaging & art direction

A small team, a shared purpose

Good design starts
with a good conversation.

You work directly with the people making the work. We listen closely, ask useful questions, and keep the process clear.

01

Understand

A discovery workshop, an honest brief, and a shared definition of success.

02

Explore

A focused set of creative directions, tested against your goals.

03

Build

A complete identity and website, with guidance for using both.

Taking projects for winter 2026

What are you making?

Tell us a little about your project. We'd love to hear where you want to go.

Brand identity · Websites · Art direction

Offset Studio · Independent by design

Start a conversation

Svelte source

Install Sveltewind and its palette stylesheet using the installation guide, then paste this into a Svelte 5 component. The source below renders the preview above.

Loading...

More in Landing pages

Northstar .

Features Pricing Get started

Built for teams with big ideas

Less busywork.
More forward motion.

A shared workspace for your team to plan, build, and deliver meaningful work. Clear priorities. Thoughtful tools. Room to grow.

14 days free · No credit card required

2,400+

Teams

98%

Satisfaction

32

Countries

Everything your team needs

Good work starts with clarity.

01

One place for your work

Bring projects, conversations, and decisions together in a clear shared workspace.

02

A calmer way to collaborate

Share context, assign responsibilities, and keep everyone moving in the same direction.

03

Progress you can see

Turn ambitious goals into achievable milestones and celebrate every step forward.

“We finally have a place where the whole team can see what matters and move together.”

Alex Morgan

Product lead at Lighthouse · Sample testimonial

A plan for every stage.

Annual billing · save 20%

Flexible plan

Starter

$12.00 / month

Billed monthly

1 workspace
10 members
Community support

Team

$36.00 / month

Billed monthly

5 workspaces
20 members
Community support

Flexible plan

Business

$60.00 / month

Billed monthly

Unlimited workspaces
30 members
Priority support

A few good questions.

Can I try Northstar before subscribing?

Yes. All plans include a 14-day trial so you can explore the workspace with your team.

Can I change plans later?

You can move to a different plan as your team grows. The billing page explains your options before you confirm.

How does my team get started?

Create a workspace, invite teammates, and start with a shared project. Clear onboarding steps guide you through setup.

Northstar · A fictional product demo Built with Sveltewind

SaaS landing page

Juniper & Rye

Menu Visit Reserve

Your neighborhood table

Seasonal food.
Good company.
Stay a while.

A warm corner of the neighborhood, serving food shaped by the season and the farmers we know.

Find your table

A place to settle in.

Fresh bread in the morning. A long dinner with friends. We built Juniper & Rye for the small moments that make a good day.

Find us

24 Orchard Lane
Portland, Oregon

Fictional address for this example.

Opening hours

Dinner: Tue–Sun, 5–10 pm
Brunch: Sat–Sun, 9 am–2 pm
Closed Monday

We'll save you a seat.

Choose a dinner date and time. This reservation form is a local demo.

Juniper & Rye · Food for the everyday

Back to the menu

Neighborhood restaurant landing page

Practice School

Curriculum Instructor Enroll

Self-paced · Beginner friendly

Make interfaces
people can use.

Learn a practical approach to product design, from understanding a task to building a clear, accessible screen.

Try a free lesson

Three sample lessons · Exercises included

Your learning path

1

Understand the task

2

Create a clear hierarchy

3

Test the real experience

Learn by doing.

0 / 3 lessons complete

Free lesson preview

Start with the user

Before drawing a screen, describe the task someone wants to complete. List the information they need and the decisions they must make. A clear task is a stronger starting point than a collection of visual references.

Try it yourself

Choose a screen you use every day. Write down one change you would make using the idea from this lesson.

Meet Riley Chen

Product designer and your course guide.

Riley teaches with small, concrete exercises that turn abstract principles into better decisions on real screens.

What you'll leave with

A repeatable design process

A checklist for reviewing interfaces

A small project to keep practicing

Before you begin

Do I need design experience?

No. The sample lessons begin with everyday tasks and build from there.

Do I need special software?

A notebook or any drawing tool is enough for the exercises.

Can I learn at my own pace?

Yes. Open any lesson and mark it complete when you are ready.

Start with the foundations

Small steps. Better screens.

Explore all three lessons and track your progress right here.

Practice School · Make something useful

Return to lessons

Online course landing page

Browse all examples

Creative studio landing page

Live preview

Distinct identities. Thoughtful digital experiences.

Selected work

Fieldwork

Forma

Good Company

Good design starts with a good conversation.

Understand

Explore

Build

What are you making?

Svelte source

More in Landing pages

SaaS landing page

Neighborhood restaurant landing page

Online course landing page

Distinct identities.
Thoughtful digital experiences.

Good design starts
with a good conversation.