All work

Media · Worldwide

Telos Media

A full rebuild for an education company that builds character-driven worlds, not just YouTube channels.

Client
Telos Media
Industry
Media
Location
Worldwide
Services
Website redesign, Development, Custom CMS, Deployment
Role
Design, development, CMS and deployment
Year
2026
Telos Media on desktop
Telos Media on a phone

The problem

A site that undersold the company

Sponsors, press and job candidates all judge a company by its site first, and the old one read as a content farm. The team also couldn't update anything themselves, so every launch, hire or press mention had to go through a developer.

3.5B+

views across the brands

16.5M+

subscribers

7

full-screen brand worlds

9

sections in the homepage story

Overview

An education media company behind channels like SolarBalls and Mr. Spherical. We rebuilt their website from scratch and built a private CMS, so the team runs the site without a developer.

  • 7 brand worlds, one story
  • Staff update the site themselves
  • Static-prerendered for speed

What the site had to do

Lead with the mission

Show an education business with a point of view, not a list of channels.

Give every audience a door

Sponsors, press and candidates each need somewhere obvious to land.

Hand over the keys

Staff update launches, hires and press themselves, without a developer.

Telos Media

What we built

A homepage told as a story

Nine sections, opening on an ambient hero film and moving through scale, philosophy, brands, impact, partners and team.

Channel-flip brand showcase

Visitors change channels through the brands like on a TV, and each one plays its own preview loop.

Seven brand worlds

Each brand gets a full screen with its own accent colour, video and outbound link, alternating left and right as you scroll.

A custom CMS at /admin

Staff edit homepage stats, brands with drag-style reordering, partner logos, launches, team and press, and upload media.

Version history with rollback

Every save snapshots the previous content first. If the snapshot fails, the save is refused, so an edit can't wipe anything out.

Partnerships, Impact, Press and Careers

Careers routes through Breezy HR, and the store bridges to SolarBalls merch.

Every screen.Every size.

Telos Media
Telos Media, Desktop

Desktop

Telos Media, Phone

Phone

Telos Media

Under the hood

  • 01

    Signed sessions expire after 12 hours, sign-out revokes every session, logins are rate-limited by IP, and the site fails closed if a secret is missing.

  • 02

    Public media and private CMS data sit in separate Blob stores, so unpublished launches are never exposed.

  • 03

    Pages are static-prerendered, with a sitemap, robots.txt, a generated Open Graph image, a web manifest, and custom error and 404 pages.

  • 04

    Scroll animations use spring easing and respect reduced-motion settings.

  • 05

    Near-black and navy with royal blue and a gold accent, Fraunces for headlines and Geist for body, over gradient meshes with film grain.

For the client

What this means for the client

  • A flagship site that shows the company's real size and mission
  • Sponsors and press land on the business, not a channel list
  • The team updates launches, hires and press without a developer
  • Every edit is recoverable, so nobody fears the CMS

Built with

Next.js (App Router)TypeScriptTailwind CSSFramer MotionGSAP ScrollTriggerLenisVercel BlobVercel Analytics

Before and after

The old Telos site on the left, the redesign on the right.

Telos Media, Before
Telos Media, After
BeforeAfter

Tell us what’s slowing you down.We’ll show you what to build.

Book a free 30-minute consultation. We'll help you define the right solution, outline the development process, estimate the timeline and budget, and give you a clear direction for your project.