2xA Studio

Why it works

The studio treats computation as a creative medium itself—every project emerges from algorithmic systems rather than being decorated with code afterward. The site demonstrates this philosophy through projects like Buna Tetu, where sound data directly generates visual form, and ABR Festival's modular identity built entirely through code. This approach makes the logic of the work transparent and repeatable.

Who should look at this

Founders building digital products who want their technical constraints to drive aesthetic clarity rather than limit it.

Signature technique

Map measurable input—sound frequencies, data patterns, system states—directly to visual output, letting rules and iteration replace arbitrary design choices.

How the page is built

1. Header with live clocks. The studio name sits top-left, followed by two live local times for Athens and Amsterdam, and About, Projects and Contact links on the right, all in condensed type.
2. Generative pattern panel. A wide black panel of white rectangles rearranges itself like a circuit or a musical score, making the studio's generative work the hero instead of a picture of it.
3. Wordmark in capsules. The studio's name is spelled out in rounded light-grey capsule shapes on charcoal, a typographic version of a logo.
4. Project thumbnails. A loose grid of images, from red-and-white imagery to a black type poster reading 'Slowly back to business', shows the range of experiments.
5. Short description with a toggle. 'Code-driven design studio between Amsterdam and Athens' and 'Generative code explorations' sit above a 'Read more' link that opens a long statement about computational design.
6. Footer links. Links to Instagram, Behance, an email address and 'Studio Sounds' close the page.

Look and feel

Charcoal black with white and light grey only, plus the odd flash of red inside a project image. The condensed type and machine-made patterns make it look like output from a computer, austere and technical.

Where it might not fit

The long statement is abstract, and nothing in the opening screens tells a client what they can hire the studio to do or what it costs. The austere look suits other creative technologists more than a first-time buyer.

What to borrow

• Show two live local clocks for the cities you work from, a tiny detail that makes a studio feel real and reachable across time zones.
• Let the hero be a piece of the work itself, such as a generative pattern, instead of a picture about the work.
• Tuck a long statement of philosophy behind a 'Read more' link, so the first screen stays visual and the thinking is there for those who want it.

Brief your developer

“I want a charcoal page in condensed type with two live clocks for the cities we work from, a wide black panel showing a generative pattern as the hero, our name spelled out in light grey capsule shapes, and a long statement of philosophy tucked behind a 'Read more' link.”

Want a full version for your own site? Get the brief.

How do I show that a creative studio is real and reachable?

2xA shows two live clocks in its header, one for Athens and one for Amsterdam, beside its name. It is a tiny detail that tells visitors where the people are and when they are awake. Add your own city's time or your opening hours somewhere visible.

Where should a long philosophy statement go?

2xA tucks its long statement about computational design behind a 'Read more' link under a short description, so the first screens stay visual. Curious visitors can read the thinking and everyone else is not slowed down. Keep a one-line version visible and put the rest behind a toggle.