Circles Co Studio Search

Meet Halo, our AI website builder, run by real people. Get your website built today

Case file 028Filed Nov 2026  /  6 parts, 17 sections

Studio

The workspace a small organization runs on: people, money, events and the work. We named it, drew the mark and the icons, gave each of its seven Studios a face, designed the marketing site and shot its commercials, then designed and built the web app, the iPhone and Android apps, the client portal and Stations, the check-in kiosk app.

Client
Studio, our own product
Product
One workspace for small organizations
Launched
Founding beta, 2026
Scope
Brand, icons, marketing site, commercials, web app, iOS and Android apps, client portal, Stations kiosk app
The idea
Small teams run on six apps that never talk. Studio is the one they open instead, so it had to feel like one thing everywhere.

The task

Studio started as the tool we ran our own agency on and grew into a workspace for agencies, churches, nonprofits and missionaries. It needed a name people remember, a brand that works at sixteen pixels, and one design that holds together across a website, a web app, two phone platforms, a client portal and a kiosk at the door.

What we did

We drew the asterisk and the wordmark, set Instrument Sans and one blue, and drew an icon for every module on one grid. Then we designed and built usestudio.app, the web app, Studio for iPhone and Android, the client portal and Stations, all from one kit of parts.

What we made

One product, one look, everywhere.

  1. 01
    1Mark

    An asterisk, eight arms in one point

  2. 02
    7Studios

    Craft, Faith, Cause, Missions, Events, Store, Give

  3. 03
    36Modules

    People to payments, one record

  4. 04
    66Icons

    16 in the app, 50 on the site

  5. 05
    92Phone screens

    Per platform, iOS and Android

  6. 06
    8Films

    A tour and one per Studio

  7. 07
    13Tools replaced

    The measure we hold it to

  8. 08
    400AI tools

    Skye and your own AI, same rules

Part 0202

Why we built it

Twenty years of client work kept hitting the same wall.

  • The story
  • What it replaces
01 · Why we built it

Every client had the same broken stack.

For nearly twenty years we built custom apps, brands and websites for companies, churches and nonprofits. Every one ended up with a CRM in one place, payments in another, and events and people in spreadsheets. We ran our own agency the same way. Studio is the foundation we kept rebuilding, built once, for everyone.

Studio CraftFor businesses
Replaces
  • Basecamp
  • Asana
  • HoneyBook
  • Dubsado

Your clients don't live in six different tools.

Studio FaithFor churches
Replaces
  • Planning Center
  • Pushpay
  • Tithely
  • ChurchTrac
  • Brushfire

Ministry happens between the systems.

Studio CauseFor nonprofits
Replaces
  • Bloomerang
  • DonorPerfect
  • Givebutter

Your donor and your volunteer are the same person.

Studio MissionsFor missionaries
Replaces
  • MPDX
  • TntConnect

Support raising is a relationship, not a mailing list.

Studio EventsFor event organizers
Replaces
  • Eventbrite
  • Brushfire
  • Tito

The attendee list is the beginning, not the deliverable.

Studio StoreFor shops and makers
Replaces
  • Shopify
  • Gumroad
  • Big Cartel

Your customers are people, not order numbers.

Studio GiveFor online giving
Replaces
  • Givebutter
  • DonorBox
  • Givelify
  • Brushfire

Giving should not cost your donors a tip.

  1. 01Clarity first

    Take out the friction that keeps good ideas stuck. One clear next step on every screen.

  2. 02Built with purpose

    Tools for real organizations, not trends. If a feature does not save someone an afternoon, it waits.

  3. 03Made to grow

    A foundation that bends with the work. Turn a module on and it already knows your people.

Part 0303

Branding

A mark, an opener, one blue, a full icon set and seven Studios.

  • The logo
  • The opener
  • Color
  • Icons
  • The seven Studios
02 · The logo

A blue asterisk for a product that joins things.

Studio pulls people, money, events and work into one place, so the mark is eight arms meeting in one point. It reads at 16 pixels in a browser tab and at 200 on a billboard. Each product gets its own icon in its own color, set before Studio and its name, so Studio Faith and Studio Craft are clearly one family.

The lockup · Studio blue #0060FF
The mark · eight arms · one point
Aa
Instrument SansOne face on the site, the phone and the kiosk. Tight for headlines, open in the app.Run your whole org from one place.
Type · 400 to 700
  • Studio CraftFor businesses
  • Studio FaithFor churches
  • Studio CauseFor nonprofits
  • Studio MissionsFor missionaries
  • Studio EventsFor event organizers
  • Studio StoreFor shops and makers
  • Studio GiveFor online giving
Products · its own icon, then Studio and the name
03 · The opener

The mark turns, the name slides out.

Every Atlas training video and every commercial starts here: the asterisk turns in on a night-to-blue field and the word Studio slides out from behind it. This is the real animation in code, not a video. Press replay.

The opener · live code, not a video
04 · Color

One blue. A night mode.

Studio blue on a cool canvas by day, and a real dark mode for the people who live in the dashboard all day. Status colors stay quiet and only show up when something needs you.

Studio blue   #0060FF
Night   #0A0F1B
Canvas   #F2F5F9
Card   #151E2F
05 · Icons

One grid, one stroke.

Every module has its own line icon on the same 24 grid with the same 1.8 stroke and round ends, so People and Payments sit together in a sidebar, a tab bar or a kiosk button and look like one family.

iPhone
Android
Stations
Browser tab
  • People
  • Giving
  • Events
  • Check-in
  • Projects
  • Invoices
  • Email
  • Forms
  • Website
  • Signals
  • Facilities
  • Messages
  • Groups
  • Time
  • Portal
  • Skye
On usestudio.app · 50 icons

The marketing site has its own set for every module, plan and feature, drawn on the same grid at a 2 stroke so it holds up next to big type.

  • people
  • giving
  • recurring
  • donationpage
  • invoicing
  • events
  • registration
  • checkin
  • scheduler
  • groups
  • facilities
  • sponsorships
  • forms
  • donorportal
  • statements
  • projects
  • clientportal
  • sites
  • campaigns
  • reporting
  • letters
  • updates
  • stripe
  • messages
  • metrics
  • mobile
  • careers
  • clients
  • locations
  • safeguarding
  • notes
  • tasks
  • workflows
  • todos
  • dashboard
  • worship
  • transactions
  • checkins
  • plugins
  • portalusers
  • time
  • craft
  • faith
  • cause
  • missions
  • give
  • meals
  • lock
  • rally
  • store
06 · The seven Studios

One product, seven front doors.

Each kind of organization gets its own Studio with its own icon, color and photography, and the same app underneath. The icons come from the module set, the color carries into its page, its film and the app, and the photos show the real kinds of organizations it is for.

Studio Craft: the photo on its page
Studio CraftRun your whole business in one place.
  • Marketing and design agencyMarketing and design agency
  • Software and web shopSoftware and web shop
  • Consultant or coachConsultant or coach
  • Photo and video productionPhoto and video production
  • Contractor or tradeContractor or trade
  • Real estate and propertyReal estate and property
Part 0404

Marketing

The site that sells it, a page per Studio, and eight films.

  • usestudio.app
  • A page per Studio
  • Commercials
07 · usestudio.app

usestudio.app sells it in one line.

The brand starts before sign-up. One promise up top, the modules sharing the same people, pricing that shows the fees, the AI page and the insights. Skye answers questions in the corner and books the call.

The usestudio.app homepage, top to bottom
The homepage, top to bottom
The usestudio.app homepage on a phone
On a phone
Pricing that scales with you: the edition tabs and the plans
Pricing · every fee shown
Every part of Studio, sharing the same people
Modules · one record
Ask Studio from the AI you already use
The AI page
Insights: guides on event planning, giving and running a team
Insights · guides that bring people in
08 · A page per Studio

Nine pages, one system.

Every Studio has its own page: its promise, the tools it replaces, its film, the kinds of organizations it serves and every module it includes, in its own color. Same parts, different story. Stations and the About page round it out.

The Studio Craft page on usestudio.app, top to bottom
Studio Craft
The Studio Faith page on usestudio.app, top to bottom
Studio Faith
The Studio Cause page on usestudio.app, top to bottom
Studio Cause
The Studio Missions page on usestudio.app, top to bottom
Studio Missions
The Studio Events page on usestudio.app, top to bottom
Studio Events
The Studio Store page on usestudio.app, top to bottom
Studio Store
The Studio Give page on usestudio.app, top to bottom
Studio Give
The Stations page on usestudio.app, top to bottom
Stations
The About page on usestudio.app, top to bottom
About
09 · Commercials

Ninety seconds, then one for each Studio.

We wrote, voiced and cut eight films for usestudio.app: a ninety-second tour, then a short spot for each Studio in its own color. They play on the homepage, on each Studio's page, and as share links. Tap one to watch it here.

Studio, explained: the ninety-second tour
Now showingStudio, explained
Part 0505

The app

One app on the web, iPhone and Android: builders, a store, events and a portal for clients.

  • The web app
  • Inside the app
  • iPhone and Android
  • The client portal
  • The kit
10 · The web app

The whole org on one screen.

The real dashboard at my.usestudio.app: what is due, what came in and what needs you, with every module one click away in the sidebar. The pieces around it are made up to show the moments it is built for.

The Studio dashboard in dark mode: what needs attention, open projects, outstanding invoices and revenue by month
New gift · just now
$250.00Maria A. · Building fund · MonthlyReceipt sent
Waiting for your OKSkye drafted this in Studio
Email 3 peopleWaiver reminder for the Fall Retreat
Not nowSend it
Invoice 1042 paidNorthwind Studio · $4,800
  1. 01One person, one record

    Giving, events, projects and invoices attach to the same people. Turning on a module never makes a second list.

  2. 02Editions, not plans

    A church sees Members and Gifts, an agency sees Clients and Invoices. Same app, different words.

  3. 03Light and dark

    The whole app in both, picked by the browser or by hand, down to the charts.

  4. 04Search from anywhere

    People, projects and events in one box, a keystroke away on every page.

11 · Inside the app

Four tools most teams pay for separately.

A website builder, an email builder, a store and event management with microsites, all inside the same app and all working from the same people. These are real screens from Studio's demo workspaces.

Build the site where the work happens.

Pick a template, then click any section to change its words, photos or look. Desktop, tablet and phone previews, history, and Skye on hand to write a section for you. Forms, giving, events and the store drop in as blocks that already know your data.

The Studio website builder in dark mode editing the Circles Fit Yoga homepage, with the section list on the left and settings on the right
12 · iPhone and Android

The same app in every pocket.

One app for staff, donors and members, built once in React Native and tuned for each platform. Big numbers, round cards and one blue, so a volunteer on Android and a pastor on an iPhone see the same Studio. We made the store pages too.

Store screenshot: Lead your team anywhere
Staff
Store screenshot: Give in seconds, every time
Donors
Store screenshot: Every project, always in view
Clients
Store screenshot: Everywhere you belong, in one app
Members
Store screenshot: Say yes to serving in one tap
Volunteers
Store screenshot: Your tickets, ready at the door
Guests
iPhone: Home for staff: giving this month, check-ins and new people
iPhone
Android: Home for staff: giving this month, check-ins and new people
Android
Today
iPhone: A person: lifecycle stage, giving, groups and next steps
iPhone
Android: A person: lifecycle stage, giving, groups and next steps
Android
A person
iPhone: Giving: six months of gifts, recurring givers and the average gift
iPhone
Android: Giving: six months of gifts, recurring givers and the average gift
Android
Giving
13 · The client portal

Clients see their project, not your inbox.

Agencies on Studio Craft give every client their own portal: progress they can see, tasks waiting on them, approvals, messages, forms and files. It is the same app with a client sign-in, so nobody downloads anything new.

Client portal, Welcome back: the project in progress, tasks done and what needs the client
Home
Client portal, A project: progress visible to the client, the launch date and tabs
A project
Client portal, Messages with the team, by thread
Messages
Client portal, Calendar: what is coming up, due dates and launches
Calendar
Client portal, Forms the client needs to fill out
Forms
Client portal, Shared files: brand guidelines, logo pack, Figma link
Resources
DK
Dana approved Homepage copyWebsite refresh · 2 min ago
Homepage copy v3Approved
3 of 5 tasks done

Made up, but the moment the portal is for: the client signs off in one tap, and the team sees it the same minute.

14 · The kit

Six moments, one kit.

One set of parts across the web app, the phones, the portal and the kiosk: the same blue, the same radius, the same pill. These are made up, built from the real parts.

  1. 01
    People first

    Every module writes to one record, so a donor, a volunteer and a client are the same card.

  2. 02
    Money in one tap

    Giving pages, funds and monthly gifts, paid straight into the organization's own Stripe.

  3. 03
    A pass for the door

    Tickets with a QR code that Stations or any phone checks in.

  4. 04
    Time becomes invoices

    Hours roll into an invoice, the client pays by card, the timeline fills itself.

  5. 05
    A portal per client

    Progress, approvals and files, with the next thing the client owes on top.

  6. 06
    AI that asks first

    Skye finds the answer and drafts the work, then waits for your OK.

01  /  06People
PersonGrace Chapel
MC
Maya ChenMember since 2024
DonorVolunteerSmall group
Given in 2026$1,250
Check-ins18
Next step: Join a groupAssign
02  /  06Giving
Give toGrace Chapel
$250
One timeMonthly
FundBuilding fund
Give $250 monthly
Straight to your StripeReceipt by email
03  /  06Events
Sunday GatheringNov 16 · 9:30 AMMain Auditorium
Jordan R. · 2 ticketsChecked in
04  /  06Invoices
Invoice 1042Paid
Website refresh, phase 2$4,000
Brand photography$800
Total$4,800
  1. Sent Nov 3
  2. Viewed Nov 4
  3. Paid by card Nov 5
05  /  06Client portal
Northwind StudioPortal
Website refresh
2 of 3 phasesLaunch Nov 23
Needs you
Review pricing page layoutApprove
Send final logo filesUpload
06  /  06Skye
SkyeIn Studio
Who signed up for the Fall Retreat and still needs a waiver?

42 people are registered. 3 still need a waiver: Maya B., Daniel O. and Jenna K. Want me to email them a reminder?

Nothing sends without your OKSend it
Part 0606

Stations

A native kiosk app, because a browser cannot print a name tag.

  • Why native
  • Three taps
  • In the stores
15 · Why a native app

A browser can't print a name tag.

Check-in started as a web kiosk inside Studio, and it worked right up to the printer. Every browser stops for a print dialog on every label, and nothing turns it off for good. At a church door at 9:28 on a Sunday, one dialog per child is a line out the door. So we built Studio Stations, a native app that talks to the label printer itself.

In a browser
Print1 of 3 labels
DestinationBrother QL-820NWB
PagesAll
Paper size62 mm
CancelPrint
Every label stops for a dialog, a tap and a wait. Three kids, three dialogs, a growing line.
In Stations
Checked inSecurity codeMZV
AvaMiller
Grace Chapel

MZVPeanuts
Kids Wing · 2nd gradeSunday Service · 9:30 AM
Parent ReceiptGrace Chapel

MZVAva M., Liam M.Sunday Service · Nov 16 · 9:30 AM
Present this label at pickup
The family taps Check in and the tags print right away: one per child and one receipt, auto-cut, no dialog.
  1. 01Printers

    Brother QL first, on 62 mm tape with auto-cut, through Brother's own SDK. Then DYMO and Zebra, with AirPrint as the fallback.

  2. 02Connections

    Bluetooth, Wi-Fi or USB. Pick the printer once behind the station PIN; every label after that just prints.

  3. 03Devices

    iPad, iPhone, Android tablets, and a Mac or Windows computer at the welcome desk.

  4. 04Same Studio

    It signs in to the workspace with a six-digit code and runs the same check-in as the web kiosk.

16 · Three taps at the door

Find the family. Tap the kids. Tags print.

Families search by name or phone, tap their kids, and walk away with name tags and a matching pickup code. Big targets, one decision per screen, and the welcome screen comes back on its own. It wears the church's colors with Studio's type and pills.

Families find themselves in seconds
01 · Find the family
Pick the kids, tap once
02 · Pick the kids
Name tags and pickup codes print instantly
03 · Tags print
Stations on iPhone: Choose a station
01 · Choose a station
Stations on iPhone: Pair the device
02 · Pair the device
Stations on iPhone: Welcome
03 · Welcome
Stations on iPhone: Search
04 · Search
Stations on iPhone: Pick the family
05 · Pick the family
Stations on iPhone: Pick the kids
06 · Pick the kids
Stations on iPhone: Checked in
07 · Checked in
17 · In the stores

Its own icon, its own listing.

Stations ships as its own app in the App Store and Google Play, with a Mac and Windows download on usestudio.app. We made the icon, the listing art and the feature graphic: the asterisk, Studio blue, and the name tag as the hero.

App Store, iPad: turn any tablet into a check-in kiosk
App Store, iPad: name tags and pickup codes print instantly
App Store, iPhone: the kiosk on a phone
App Store, iPhone: tags print instantly
Google Play: the kiosk on Android
The Google Play feature graphic for Studio Stations
Google Play feature graphic
Studio StationsiPad · iPhone · Android · Mac · Windows
See it live

usestudio.app

Open Studio →
Next case study

Studio Atlas

Read it →

Let’s create something amazing together.

From brand identity to design direction, we partner with you to build a creative foundation that feels aligned, professional, and easy to grow with.


More Case Studies

OneLife Health + Performance logo