# X Studio Miami — Visual identity
Edition 01

## Brand idea
A premium creative production space for photo, video and podcast. The identity combines editorial restraint with expressive photography. The X is the signature; the work is the focal point.

## Logo
Use the transparent dark or light SVG artwork, faithfully traced from the supplied official PNGs. Preserve proportions, clear space and background contrast. Do not stretch, rotate, recolor, add shadows or redraw. The SVG files contain outlined vector paths, including the original fine lettering; they need no fonts and have no embedded raster or background. The original PNGs are retained as source references. The optional #original-spacing view preserves the original square canvas and clear space.

## Palette
- Deep Black: #0B0B0B — primary background
- Charcoal: #1A1A1A — secondary surfaces
- Off White: #F7F7F5 — light sections and text
- White: #FFFFFF — logo and contrast
- Warm Gray: #6D6D6D — secondary copy
- Soft Beige: #D7C9BC — restrained accent
- Silver: #B7B7B7 — fine details

Alternate dark and light sections. Let photography introduce color. Check contrast for each text/background pair.

## Typography
Playfair Display for headlines and editorial statements. Inter for navigation, body copy, labels, pricing and forms. Main body: 16px or larger. Labels: generally 12–14px. Use fluid heading sizes and comfortable line spacing. Do not compress long headlines until characters overlap.

## Layout
Generous whitespace, thin rules, asymmetric image compositions and strong hierarchy. Desktop section spacing around 110px; mobile around 65px. Page gutters approximately 6–7%. Recompose for mobile. Square-corner buttons and cards; avoid decorative pill shapes.

## Photography
Use approved real portfolio content. Preserve natural skin tones and shadow detail. Compose around people and stories, not interface decoration. Protect faces and gestures in responsive crops. Never represent generated or stock photography as client work.

## Motion and accessibility
Subtle transitions and image scaling only. Honor reduced-motion preferences. Maintain visible keyboard focus, semantic headings and descriptive alternative text. Functional controls must remain usable on mobile and at enlarged text sizes.

## Assets
- x-studio-logo-dark.svg — transparent white signature for dark surfaces
- x-studio-logo-light.svg — transparent black signature for light surfaces
- x-studio-logo-dark.png — white signature on black
- x-studio-logo-light.png — black signature on white