Work
Year
Year
2026
2026
Client
Client
Orbit Studio
Orbit Studio
Not louder. Sharper.
Duration
Duration
4 months
4 months
Location
Location
New York, US
New York, US
Industry
Industry
Design & Technology
Design & Technology
Deliverables
Deliverables
Brand identity, web design, UI system, art direction, photography direction, and brand guidelines.
Brand identity, web design, UI system, art direction, photography direction, and brand guidelines.
Xtra—Bold is a creative branding agency built for clients who refuse to blend in. What started as a two-person studio with a single conviction — that great brands should make people stop — grew into a full-service identity practice with a visual language as distinctive as the work it produces.
Xtra—Bold is a creative branding agency built for clients who refuse to blend in. What started as a two-person studio with a single conviction — that great brands should make people stop — grew into a full-service identity practice with a visual language as distinctive as the work it produces.
Designing a Studio Identity That Operates as Its Own Best Case Study
Designing a Studio Identity That Operates as Its Own Best Case Study
Xtra—Bold needed a website that functioned as a live portfolio and a brand statement at the same time. The design had to be immediately arresting — the kind of page that communicates creative confidence before a single project is clicked. The solution was to treat the hero as a spatial composition. Floating portrait cards and gradient fragments are scattered across a black canvas, creating a sense of depth and motion without any animation. The eye moves around the screen the way it would across a mood board pinned to a studio wall.
Xtra—Bold needed a website that functioned as a live portfolio and a brand statement at the same time. The design had to be immediately arresting — the kind of page that communicates creative confidence before a single project is clicked. The solution was to treat the hero as a spatial composition. Floating portrait cards and gradient fragments are scattered across a black canvas, creating a sense of depth and motion without any animation. The eye moves around the screen the way it would across a mood board pinned to a studio wall.
The wordmark sits dead center — white, heavy and hyphenated with an em dash that gives it rhythm and attitude. XTRA—BOLD reads as both a name and an instruction, which is exactly the kind of double meaning a studio identity should carry. Black was chosen as the base not as a safe default but as an active decision. Against it, the silhouette portraits glow with warmth and the gradient cards pop with color. Every element earns its place on the canvas because the background demands it.
The wordmark sits dead center — white, heavy and hyphenated with an em dash that gives it rhythm and attitude. XTRA—BOLD reads as both a name and an instruction, which is exactly the kind of double meaning a studio identity should carry. Black was chosen as the base not as a safe default but as an active decision. Against it, the silhouette portraits glow with warmth and the gradient cards pop with color. Every element earns its place on the canvas because the background demands it.
Building a Visual System Where Floating Fragments Tell the Full Story
Building a Visual System Where Floating Fragments Tell the Full Story
The card system was developed as a modular visual language — portrait silhouettes backlit in amber and teal, abstract gradient textures in cobalt and violet — each one a compressed mood board that hints at the range of the studio's work without spelling it out. The asymmetric scatter layout was mapped with precision despite its apparent chaos. Each card occupies a node in an invisible grid, ensuring the composition balances at every viewport size while still feeling spontaneous and alive.
The card system was developed as a modular visual language — portrait silhouettes backlit in amber and teal, abstract gradient textures in cobalt and violet — each one a compressed mood board that hints at the range of the studio's work without spelling it out. The asymmetric scatter layout was mapped with precision despite its apparent chaos. Each card occupies a node in an invisible grid, ensuring the composition balances at every viewport size while still feeling spontaneous and alive.
The card system was developed as a modular visual language — portrait silhouettes backlit in amber and teal, abstract gradient textures in cobalt and violet — each one a compressed mood board that hints at the range of the studio's work without spelling it out. The asymmetric scatter layout was mapped with precision despite its apparent chaos. Each card occupies a node in an invisible grid, ensuring the composition balances at every viewport size while still feeling spontaneous and alive.
The green environment — used in the presentation mockup — was not accidental. It introduces a warmth and energy that makes the dark monitor feel embedded in something living rather than floating in a void. The contrast between the electric green and the black screen creates a tension that reflects the studio's core ethos: bold ideas held in careful tension. Navigation was stripped to the minimum: four links, social handles, a footer line. Everything that was not essential was removed. The work and the visual system carry the entire weight of the first impression, because that is the only impression that matters.
The green environment — used in the presentation mockup — was not accidental. It introduces a warmth and energy that makes the dark monitor feel embedded in something living rather than floating in a void. The contrast between the electric green and the black screen creates a tension that reflects the studio's core ethos: bold ideas held in careful tension. Navigation was stripped to the minimum: four links, social handles, a footer line. Everything that was not essential was removed. The work and the visual system carry the entire weight of the first impression, because that is the only impression that matters.
The green environment — used in the presentation mockup — was not accidental. It introduces a warmth and energy that makes the dark monitor feel embedded in something living rather than floating in a void. The contrast between the electric green and the black screen creates a tension that reflects the studio's core ethos: bold ideas held in careful tension. Navigation was stripped to the minimum: four links, social handles, a footer line. Everything that was not essential was removed. The work and the visual system carry the entire weight of the first impression, because that is the only impression that matters.
•
Feedback
"We knew what we stood for but couldn't figure out how to show it without explaining it. This redesign does exactly that — people land on the site and immediately get it. We've had clients tell us they reached out because the site felt like the kind of work they wanted. That's the whole point."
Marcus Webb
Founder, Xtra—Bold Studio
"We knew what we stood for but couldn't figure out how to show it without explaining it. This redesign does exactly that — people land on the site and immediately get it. We've had clients tell us they reached out because the site felt like the kind of work they wanted. That's the whole point."
Marcus Webb
Founder, Xtra—Bold Studio
•
Feedback
"We knew what we stood for but couldn't figure out how to show it without explaining it. This redesign does exactly that — people land on the site and immediately get it. We've had clients tell us they reached out because the site felt like the kind of work they wanted. That's the whole point."
Marcus Webb
Founder, Xtra—Bold Studio
Wanna See More?
Wanna See More?
Wanna See More?
