# Dark studio with orbital typography

> A creative studio website with monumental serif headings over a dark folded backdrop. A vertical section title leads into a centered services list surrounded by elliptical text rings, with pale-green accents and a small outlined hand illustration.

- Kind: Website
- Live website: https://synchronized.studio/
- Page: https://meetreference.com/v/ref-synchronized-studio-9825/
- Ready-to-use agent handoff: https://meetreference.com/v/ref-synchronized-studio-9825/agent.txt
- Authorship: Not stated
- Made with: Not stated
- Model: not stated
- Built with: not stated
- Style: Portfolios; dark, editorial, oversized typography, circular text, high contrast, pale green, textured
- Preview: a flip-through of inspected screenshots; open the live work to experience its motion and interactions.
- Shared by Zhenya Rynzhuk / Synchronized Studio in Website: https://www.awwwards.com/sites/synchronized-studio
- Prompt fidelity: Unavailable in this entry. The recreation brief is written by Reference.

## Before you start

Guidance from Reference, separate from the creator's instructions.

1. Read the reference and inspect the project, installed libraries, and available agent skills before writing code. Reuse suitable tools already present.
2. Prefer the creator-reported libraries and skills when they fit the task. Explain what useful additions help with, and install missing project dependencies or relevant skills from official sources when the environment and the user's existing permissions allow it. Respect the project's package manager and setup rules; do not ask again for routine setup already authorized.
3. Distinguish tools used by the creator from your own recommendations. A listed tool is not automatically required, and an empty tools or requirements list means the setup is unknown, not that nothing is needed.
4. Ask concise questions when missing inputs or choices materially affect the result: paid services, credentials, the user's assets, or a different production approach. Use existing answers and permissions; continue independent work while waiting.
5. If a useful library, skill, or service cannot be installed or used, explain an available alternative and its expected effect on quality, features, or effort. Get the user's choice before a material compromise; otherwise state the fallback and continue. Never silently simplify the result or claim to have used a tool you did not use.

## Recreating this website

This is a visual reference. No original creator prompt is available. The following brief was written by Reference after inspecting the work.

Pair very large high-contrast serif headings with small, restrained sans-serif navigation over a low-contrast textured background. Frame a centered list with overlapping elliptical text paths, alternating upright and italic words and using pale color selectively for emphasis. For a new subject, replace the studio services, identity badge, and hand illustration with relevant offerings and symbols while preserving the scale contrast and central geometry; increase secondary-label contrast for readability.

1. Open the live work or source and inspect the frame images below.
2. Adapt its layout, hierarchy, palette, and interaction patterns to the user's own content and brand.
3. Compare the result against the reference. Use your own assets and credit the original creator.

## What it looks like

Written by Reference from the captured walkthrough frames, not by the creator.

A restrained, editorial portfolio page for a creative studio.

- Color: Nearly black background with white and pale-gray text and subtle linework.
- Type: Oversized high-contrast serif lettering for the studio name and services, paired with tiny sans-serif labels and navigation.
- Framing: Large titles and centered service lists sit within a mostly empty dark canvas, framed by fine circular and geometric outlines. A small studio mark appears near the upper left, with compact navigation at the upper right.
- Structure: The frames show a hero area with the studio name, followed by centered lists of creative services arranged inside circular graphic treatments; small outlined icons appear below.

Storyboard, nine frames spread across the captured walkthrough: https://meetreference.com/media/ref-synchronized-studio-9825/storyboard.webp

- Frame 1 at 0.7s: https://meetreference.com/media/ref-synchronized-studio-9825/f1.webp
- Frame 2 at 2.1s: https://meetreference.com/media/ref-synchronized-studio-9825/f2.webp
- Frame 3 at 3.5s: https://meetreference.com/media/ref-synchronized-studio-9825/f3.webp
- Frame 4 at 4.8s: https://meetreference.com/media/ref-synchronized-studio-9825/f4.webp
- Frame 5 at 6.2s: https://meetreference.com/media/ref-synchronized-studio-9825/f5.webp
- Frame 6 at 7.6s: https://meetreference.com/media/ref-synchronized-studio-9825/f6.webp
- Frame 7 at 9.0s: https://meetreference.com/media/ref-synchronized-studio-9825/f7.webp
- Frame 8 at 10.4s: https://meetreference.com/media/ref-synchronized-studio-9825/f8.webp
- Frame 9 at 11.8s: https://meetreference.com/media/ref-synchronized-studio-9825/f9.webp

## Links

- Visit site: https://synchronized.studio/
- Original post: https://www.awwwards.com/sites/synchronized-studio
- Source and design credit: https://www.awwwards.com/sites/synchronized-studio