Circles Co Studio Search

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

Case file 027Filed November 2026  /  9 sections

Circles Conference 2027

A creative conference brand built from one typeface, eight website worlds and a launch people shared.

Client
Circles Conference
Location
Grapevine, TX
Launched
November 2026
Scope
Brand, typeface, website, social, video
Fig. 01
A speaker on a red stage, made with AI for Circles 2027
A past Circles keynote, graded
The crowd between sessions
The after party
The idea
AI is changing how creatives work. Circles 2027 had to show that change and prove the point at the same time: creativity is still human.

The task

Circles is our own creative conference, now in its 13th year. The 2027 theme, Creativity Is Changing. So Are We., asked a hard question about AI and the people who make things. The brand had to look like the future without looking like a tech company, and the site had to sell passes from day one.

What we did

We drew a typeface, built a website with eight complete looks, made an image library with AI and graded every frame by hand, then launched it all with a social kit and two short films.

What we made

Eight pieces, one brand.

  1. 01
    2Weights

    A typeface, Bold and Thin

  2. 02
    12Files

    Logo system in three colors

  3. 03
    21Colors

    One red, the rest earned

  4. 04
    28Photos

    Graded by hand, plus AI

  5. 05
    10Posts

    Social kit, feed and story

  6. 06
    11Pieces

    Elements for new posts

  7. 07
    8Worlds

    One website, eight looks

  8. 08
    1Link

    The brand page with both kits

01 · The typeface

ONE FONT.TWO WEIGHTS.

Circles 2027 Display started as the CIRCLES wordmark. We drew the rest of the alphabet from its shapes: wide letters with flat shoulders and tight counters that still read from the back of the room. Type the word CIRCLES and you have the logo, so every headline, pass and post carries the brand.

Try it
ABCDEFGHIJKLM
NOPQRSTUVWXYZ

Bold 700 · The name, headlines, every big word

0123456789

Thin 100 · 2027, dates and counts · 701 letter pairs spaced by eye

01 · The typeface, taken apart

One lockup, four layers.

Pull the CIRCLES lockup apart and every layer has a job. Put it back together and you get the logo.

  1. 01
    The wordmark

    Bold, wide and square-shouldered. The word CIRCLES is the logo, so the font had to start here.

  2. 02
    The spacing

    Every pair spaced by eye. 701 pairs per weight, moved until CREATIVITY sat evenly.

  3. 03
    Two weights

    Bold for the name, Thin for the year, set a touch smaller so the pair reads as one.

  4. 04
    One red

    Red, black and paper. Nothing else on the site, the posts or the films.

Download Circles Display ↓
01 / 09

One font, two weights.

Circles 2027 Display was drawn from the CIRCLES wordmark. Bold for words, a hairline Thin for numbers. 701 letter pairs spaced by eye.

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
0123456789
WeightUseRule
Bold 700The name, headlinesAlways uppercase
Thin 1002027, dates, countsA little smaller than Bold
NeverStressedRetired
The look

Red. Black. Paper.

One red does the work. Black and paper hold everything else. Circles Display for the big words, Gilroy for reading.

Signal   #D13A1E
Black   #0B0B0D
Paper   #EDEBE6
Ink   #1E1E22
02 · Inside the site

Built to sell a pass on day one.

Dates, passes and speakers up front, in a site that feels like the conference it sells.

The Circles 2027 homepage on a computer
The Mission Control world on a phone
The Redacted world on a phone
  1. 01

    Register from anywhere

    Every world keeps the pass button in reach, from the first screen to the footer.

  2. 02

    Passes that look like tickets

    Each pass is drawn as a real ticket with its price, perks and a number.

  3. 03

    A thinking screen

    Switching worlds shows a short build screen that types the world’s name, then welcomes you in.

  4. 04

    Your world follows you

    The look you pick is saved, and every inner page opens in it.

  5. 05

    Real numbers from 2026

    Attendance, speakers and sessions from last year do the convincing.

  6. 06

    Fast on phones

    Each world is tuned for a phone first, with light images and motion that respects reduced motion settings.

The result

Passes on sale from day one.

Every Get a pass button opens the picker with the right pass already chosen, and the site greets each new pass the moment it lands.

A Circles keynote on the main stage
03 · Eight worlds

One site. Eight worlds.

Every visitor picks how Circles 2027 looks. Same content and same passes in eight complete designs, from a keynote stage to a declassified file. The pick is saved, and the inner pages follow it.

The Signal world on a computer
The Signal world on a phone
The Mission Control world on a computer
The Mission Control world on a phone
The Halftone Human world on a computer
The Halftone Human world on a phone
The Redacted world on a computer
The Redacted world on a phone
The Depth world on a computer
The Depth world on a phone
The Gesture world on a computer
The Gesture world on a phone
The Decrypt world on a computer
The Decrypt world on a phone
The Monolith world on a computer
The Monolith world on a phone
04 · The experience

Selling three days, not a ticket.

People buy a conference for the room, the classes and the walk to dinner. So the site sells the days themselves: a workshop day on Main Street, two days on the Palace stage, a sunrise 5K and a city guide measured in minutes on foot.

Wed · Oct06

Workshop day

Eight hands-on classes in two tracks, ninety minutes each, at Hotel Vin on Main Street.

8 classes · 2 tracks
Thu · Oct07

The main stage

Talks at the Palace Arts Center from people who make things for a living, then the conversations that keep going.

Palace Arts Center
Fri · Oct08

Circles Fit, then the last talks

A sunrise 5K or yoga in the park before the final day on stage. The gear is included.

6:00 AM 5K · 6:30 AM yoga
The city guide51

places to stay, eat and drink, numbered by how many minutes they sit on foot from the conference door.

After the last session
“Some of the best conversations at Circles happen away from the stage.”
05 · From brief to frame

Five steps, one picture.

Every image on the site went through the same hands. Scroll and each step takes the stage.

  1. 01
    A written brief

    What it shows, how it is lit and what it must never look like.

  2. 02
    Options, fast

    AI makes a handful of takes on the brief in minutes.

  3. 03
    Most get cut

    Handshakes, empty rooms and stock poses go. People making things stay.

  4. 04
    One frame kept

    The pick that feels like Circles, not like a stock site.

  5. 05
    Graded by hand

    One red, black and white grade, so AI art and real photos sit together.

01  /  05Image brief
Image brief · 014Circles 2027
Subject
A creative at work
Light
Dark studio, one red line
Finish
Film grain, no gloss
NeverSuitsHandshakesLaptops pointingPurple
Make options
02  /  05Options
Options · 3Made in 40 sec
Option A
Option B
Option C
Brief 014Make more
03  /  05The cut
Review2 cut · 1 kept
Cut · Handshake
Cut · Posed
Keep
People making things stay.
04  /  05The pick
The kept frameKept
Frame014 · C
Kept1 of 12
Send to grade
05  /  05The grade
The graded frame
Red+40
Contrast+18
Grain12
Same grade as the archiveFinal
05 · Directing AI, continued

The archive, regraded.

Thirteen years of real Circles photos went through the same rules and the same grade, so the archive and the new art read as one library.

  1. 01

    We grade it by hand

    Every frame, made or photographed, goes through one grade so it all looks like one brand. Drag to compare.

    A past Circles keynote after our grade
    The same photo straight from the archive
    ArchiveOur grade
  2. 02

    We set the rules for the archive

    Thirteen years of Circles photos, sorted with AI against our rules: real moments, faces, no empty rooms. The team checked every pick.

    10,137archive photos looked at
    13years of Circles
    558kept for the new brand
What the machines did
  • Turned our written briefs into first drafts of images
  • Made variations fast, so we could compare and choose
  • Sorted thirteen years of photos against our rules
What our team did
  • Set the direction: modern creatives at work, never suits and handshakes
  • Picked the few frames worth keeping and threw out the rest
  • Graded every image to one red, black and white palette
  • Drew the type, designed the worlds and wrote every word
06 · Imagery

We direct the AI. The ideas stay ours.

Thirteen years of archive photos regraded to one red, plus a library of new creatives made from written briefs and graded by hand.

A creative in a red visor, in motion
A photographer in red light
A mural at night
Circles 2027Image brief

Editorial photograph of a hip, modern creative at work. Dark studio or a night shoot. Saturated red is the only accent.

NEVER: suits, handshakes, people pointing at laptops.

8 prompts on the brand page
A painter at work
Hands setting type
A designer at work
On set
A podcast studio
A night shoot
07 · Launch day, layered

One story, every feed.

The launch went out as one system: a story, three posts and the passes that followed. Here it is pulled apart.

  1. 01
    The story

    One line in the Bold, the red doing the work, pointing straight at the site.

  2. 02
    Three colorways

    Dark, red and white versions of one post, so the grid never repeats.

  3. 03
    The poster

    All three posts on one story, for the people who missed the first.

  4. 04
    Passes, live

    The site greets every new pass, and the same alert runs on the launch film.

Social · The drafts

Four concepts before one.

We tried four directions for the launch kit before picking the one above: same type and layout, a different photo and crop each time.

Social concept 1
Concept 01
Social concept 2
Concept 02
Social concept 3
Concept 03
Social concept 4
Concept 04
08 · Video

Two films for the launch.

Short, vertical and made for phones. They move the way the site moves: thinking, building, then welcome.

43 seconds · 9:16 · sound on

Launch film

A tour through the worlds: each one types its name, builds, and hands off to the next, ending on the new dates.

14 seconds · 9:16

Site launch story

The three launch posts fan out, then one line: go see what changed.

09 · Every page

Every page, built to sell a pass.

Speakers, workshops, sponsors, a city guide and a letter to convince your boss. The inner pages share one house look and follow the world you picked.

The Speakers page
Speakers
The Workshops page
Workshops
The Design track page
Design track
The Sponsors page
Sponsors
The City guide page
City guide
The Convince your boss page
Convince your boss
The Activities page
Activities
8Website worlds
2Weights in the typeface
701Letter pairs spaced per weight
3Days in Grapevine
See it live

circlesconference.com

Visit the site →
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