Back
Clear Street
Open Website

Designed for today's complex global market.
Clear Street is an all-in-one platform focused on reducing risk, redundancy, and costs for brokers.

Year
2024
Industry
Fintech & Crypto
Location
New York, USA
Deliverables
  • 3D
  • Brand Guidelines
  • Rebranding
  • Motion
  • Website
Recognition
  • Awwwards Site of the Day
  • Awwwards Developer Award
  • CCP Silver
  • CSSDA Website of the Day
  • FWA Site of the Day
Close up to the clear street 3D element

With $1.0 billion in capital raised by some of the most prominent investors, Clear Street services hundreds of institutional clients and supports ~$50 billion in customer balances.

Clear Street is modernizing the brokerage ecosystem with clarity and purpose. While the financial industry still runs on outdated systems built in the 1970s, Clear Street offers a cutting-edge alternative, eliminating inefficiencies, boosting profits, and reducing risk.

Their cloud-native, API-driven platform unifies multi-asset clearing into a single system, delivering real-time data and streamlined operations for today's fast-moving markets. Built for scalability and efficiency, it's a future-ready solution for the complexities of modern finance.

To align with Clear Street's innovative mission, we collaborated on a complete digital transformation. From rebranding to creating a cohesive Brand Universe and a user-centric website, we built a platform that reflects their vision of clarity and transparency. Every detail—from the dynamic spinning logo to immersive 3D metaphors—was thoughtfully crafted to underscore their commitment to redefining finance. A concise product video ties it all together, bringing the story to life.

Now equipped with a modernized identity and a solid digital presence, Clear Street is reshaping the brokerage ecosystem with a brand as forward-thinking as their technology.

With $1.0 billion in capital raised by some of the most prominent investors, Clear Street services hundreds of institutional clients and supports ~$50 billion in customer balances.

Clear Street is modernizing the brokerage ecosystem with clarity and purpose. While the financial industry still runs on outdated systems built in the 1970s, Clear Street offers a cutting-edge alternative, eliminating inefficiencies, boosting profits, and reducing risk.

Their cloud-native, API-driven platform unifies multi-asset clearing into a single system, delivering real-time data and streamlined operations for today's fast-moving markets. Built for scalability and efficiency, it's a future-ready solution for the complexities of modern finance.

To align with Clear Street's innovative mission, we collaborated on a complete digital transformation. From rebranding to creating a cohesive Brand Universe and a user-centric website, we built a platform that reflects their vision of clarity and transparency. Every detail—from the dynamic spinning logo to immersive 3D metaphors—was thoughtfully crafted to underscore their commitment to redefining finance. A concise product video ties it all together, bringing the story to life.

Now equipped with a modernized identity and a solid digital presence, Clear Street is reshaping the brokerage ecosystem with a brand as forward-thinking as their technology.

Year
2024
Industry
Fintech & Crypto
Location
New York, USA
Deliverables
  • 3D
  • Brand Guidelines
  • Rebranding
  • Motion
  • Website
Recognition
  • Awwwards Site of the Day
  • Awwwards Developer Award
  • CCP Silver
  • CSSDA Website of the Day
  • FWA Site of the Day

Website

The perfect fintech website doesn't exis… oh wait. Clear Street site is a seamless blend of sharp design and cutting-edge functionality, this website redefines how the financial industry can push with digital platforms. Designed for a highly discerning investment audience, it steers clear of flashy gimmicks. Instead, it focuses on a sturdy, target-appropriate foundation, balancing quality with only the most essential brand elements to reflect the industry's professional standards. We began by crafting a solid design system, prioritizing an information-first approach. This included restructuring the News & Content section and developing a tech stack that allowed Clear Street to integrate existing content seamlessly. From this foundation, we fully designed and implemented a website embodying the brand's smoothness and lightness. The 3D brand universe is both simple and impactful, with Clear Street Studio as the hero. It emerges from thin air, floating gracefully until users interact through scrolling. The design leverages a strategic color palette: Klein blue for institutional content, white for key statements, and dark tones for product displays, echoing trading platform interfaces. Transitions position Clear Street Studio as the centerpiece, with a WebGL-rendered globe on the homepage reinforcing the platform's global reach. Service sections feature bold, animated pictograms inspired by airline visuals, blending professionalism with a playful touch. This website sets our personal benchmark for fintech design, balancing innovation with functionality. It's proof that you can push boundaries without breaking them.
Clear Street Studio
Clear Street

Clear Street is replacing the legacy infrastructure used across capital markets bringing capital markets into the future.

Clear Branding

Rebranding

The rebranding process was driven by a vision to create a vibrant and resilient tone of voice. Through meticulously refined symbol, wordmarks, beziers, and typefaces, the iconic RGB Klein blue took center stage as the brand's defining hue, complemented by white to build a monolithic yet fresh brand identity. Motion played a pivotal role, with a comprehensive suite of custom-designed pictograms and icons to visually support content in ways traditional formats could not. These elements formed the foundation for micro-animations and interactions that enhanced the user experience, seamlessly delivered on scroll. All these elements came together in a new Brand Hub, accessible at brand.clearstreet.io, showcasing assets that are not only beautifully crafted but also designed to be future-proof, aligning the brand for long-term success.
Clear Street Book
Clear Street Business Cards
Clear Street Lanyard
Clear Street Totebag
Clear Street Tshirt

Enter Clear Street Studio: a portfolio management system purpose-built for growth.

3D

The design narrative for Clear Street began with the logo: a stack of elements naturally drawing the eye upward, symbolizing growth and progress. Its name, "Clear," evoked transparency, inspiring the use of clean, glass-like materials as foundational storytelling tools. Rather than relying on generic candle graphics, the website 3D loops are rooted in this concept, building upon an extended color palette to highlight the product's key features. Every aspect of the 3D storytelling—textures, shapes, and animations—derives directly from the logo's essence. This approach ensures that the visual language is not only cohesive but also deeply tied to the brand's identity, turning the logo into the creative blueprint for its broader narrative. Enter Clear Street Studio, a portfolio management system purpose-built for growth—a product video that perfectly embodies this foundational principle. To position Clear Street Studio as a revolutionary platform for portfolio, trading, and risk management, we created a visually striking product video aimed at resonating with industry leaders. The video amplifies the brand's narrative, leveraging the logo's modular elements to embody its values. It tells a compelling story: highlighting challenges and showcasing the clarity and solutions Clear Street brings to the table.
Clear Street
Victoria Harinxma-Jenkins
Marketing & Communications at Clear Street
Büro exceeded all expectations, effortlessly translating our vision into a stunning and user-friendly website that perfectly captures our brand's essence. The team tackled every obstacle we presented them with resourcefulness and determination. Their unparalleled creativity, expertise, and attention to detail made the entire process seamless, resulting in a product we couldn't be more proud of!

More Projects

  • 2024Remote(Technology), (Brand Extension), (Digital Development), (Website), (Motion), (WebGL)
  • 2024The Nobel Prize(Arts & Culture), (Brand Strategy), (Visual Identity), (Typography), (Colour System), (Event Communication), (Digital System)
  • 2023Oracle Red Bull Racing(Sport & Entertainment), (Identity), (Design System), (Motion Principles), (Social System), (NFT Packaging)
  • 2021Armadillo(Retail), (User Research), (UX/UI Design), (Headless Ecommerce), (BigCommerce Enterprise), (Fullstack Development)
  • 2020THE ICONIC(Fashion & Beauty), (Design System), (Headless CMS), (Component Library), (UX/UI Design), (Microservices)

Say no more It's a match ↓

  • General questions
    hello@circlesquare.studio
  • New business enquiries
    Contact
  • Instagram
  • LinkedIn
  • 3rd Floor, 86-90 Paul Street London England EC2A 4NE United Kingdom
    GPS
    N 51° 31' 32.32" W 0° 5' 01.15"

  • Psst Psst. Wanna get Spammm?

Venture — coming soon. We co-build with founders.

Tell us what you're building. Give us the real version — what stage you're at, what's broken, what you need. The more honest you are, the faster we can tell you whether we can help.

01.
Brief us on what you need:
02.
Budget (£)
03.
Your Company
04.
Your Name
05.
Your Email
06.
Project Details
07.
Project Delivery Date
08.
How did you find us?

FAQ

Eight things worth knowing before we work together.

  • Mostly early-stage startups and founders building something for the first time — or rebuilding something that didn't work the first time. We've been through it ourselves, so we understand the constraints.

  • We're flexible. Sometimes it's a full brand and website. Sometimes it's one component that's holding everything else back. Tell us what you need and we'll be straight with you.

  • It depends on the scope, but most projects start with a brief discovery session — paid, focused, and designed to get us both clear on what actually needs doing.

  • By project, not by the hour. We scope it properly upfront so there are no surprises on either side.

  • Yes. If you've got something that's working, we build on it. If it isn't working, we'll tell you.

  • Fully. We've worked with founders across the UK and Europe. If you're local and want to meet, great — but it's not a requirement.

  • Front-end: Next.js, React, TypeScript. We pick the right tool for the project rather than defaulting to one stack.

  • Occasionally we co-build with early-stage founders — equity arrangements, sprint-based partnerships, or acting as a technical co-founder for the first stretch. It's selective. If it sounds relevant, mention it when you get in touch.

Testimonials

The kind words are on their way. We're just getting to work first.

Coming soon

Good things to say — soon.

Coming soon

Watch this space

01 — 05