# UNLOCKED — Brand & Style Reference

> UNLOCKED is a cultural platform and a collection of landmark event venues in the
> creative art districts of East London and Miami (Shoreditch, Sacred, Wynwood).
> Point a prompt at this file to style anything to match the UNLOCKED brand.
> Example prompt: "Design this to match the UNLOCKED brand — see https://www.unlockedx.com/llms.txt".

## Typography
- Headings: "Space Grotesk", sans-serif. Weights 400/500/600/700. Tight tracking
  (letter-spacing: -0.03em), line-height ~1.0. Set in normal sentence/title case
  (NOT uppercase).
- Body: "Inter", sans-serif. Weights 300/400/500/600. Line-height ~1.7. Large intro
  copy uses the light weight (300). Normal case.
- Small kicker/eyebrow labels: Inter, ~0.7rem, weight 500, wide letter-spacing
  (0.12em), grey.

## The wordmark
- Always write the brand name as "UNLOCKED" — all capital letters, no styling around
  the letters. It is the ONLY word set in all-caps by default. Never "Unlocked" or
  "unlocked". Everything else (headings, body, buttons) uses normal case.
- Load both from Google Fonts:
  @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');

## Colour
- Background (primary): #0a0a0a  — near-black. The brand is dark-first.
- Surface: #111111  — off-black
- Text / foreground: #f7f7f5  — off-white (never pure #ffffff)
- Muted text: #888888
- Hairlines / borders: rgba(255, 255, 255, 0.08) on dark; rgba(0, 0, 0, 0.08) on light
- Inverted sections: #f7f7f5 background with #0a0a0a text
- Accents (used sparingly, mostly for tags): electronic green #02FA62, live red #F15537,
  tickets red #ff4848

## Layout & spacing
- Max content width: 1400px. Article / reading column: 1100px.
- Section padding: ~120px top/bottom, 40px sides (24px on mobile).
- Generous whitespace, large type, thin 1px grid lines rgba(255,255,255,0.08).
- Buttons: solid white (#f7f7f5) fill with near-black text for primary; minimal, square-ish.

## Motion
- Subtle scroll-reveal only: opacity fade + small translateY, easing
  cubic-bezier(0.16, 1, 0.3, 1). Nothing bouncy or fast.

## Tone of voice
- Confident, minimal, culture-led. Short declarative statements.
  e.g. "Built for bold ideas and serious production."
- British English. Not salesy, no exclamation marks, no hype words like "rave".

## How to apply
- Dark background, off-white text, Space Grotesk headings (normal case, tight
  tracking), Inter body. High contrast, lots of negative space, editorial feel.
  The only all-caps word anywhere is the wordmark "UNLOCKED".

## Links
- Website: https://www.unlockedx.com
- Brand guide (visual): https://www.unlockedx.com/brand
- Venue hire enquiries: jessie@unlockedx.com