EDIFICE  ·  DESIGN CONCEPT
FOR CLIENT REVIEW
Design concept pitchOctober 2026Concept only — no photography
01  ·  Concept

Occasions into landmarks.
Lucknow craft, national stage.

Sublime turns occasions into landmarks. Born of Lucknow craft and built for the national stage, every event is engineered like a landmark in the making — the room the memory lives in. This concept makes that promise tangible: a site where the brand is the interface, the logo becomes the navigation, and motion carries the weight of the work.

02  ·  Design language

Stolen from the logo.

Ink#0B0B0F
GROUND — matches the reversed logo
Ivory#F5F2EC
OUR STORY SECTION ONLY
Pink#FF2E7E
Kinetic only — events lean pink
Blue#2E5BFF
Kinetic only — Sublime One leans blue
Display — Space Grotesk
Landmarks, not occasions. Aa 0123
Body — Inter
Every event engineered like a landmark in the making. Clean, quiet, confident at small sizes.
Kicker — Mono, uppercase
HERITAGE → CRAFT → SCALE
Kinetic-colour rule: static screens stay near-monochrome — colour arrives only through motion: gradient sweeps, lines drawing in, hover states. Never both accents as static fills.
03  ·  Signature interaction
sublime.events
EVENT DESIGN — LUCKNOW / INDIA
Scroll inside the frame — the logo docks into the nav ↓
How it works
The brand is
the interface.
  • a.The logo rises in — blur-resolving.
  • b.On scroll it scales ~10× down into the nav slot — one measured element.
  • c.No colour tricks mid-transit — the brand colours travel with the mark.
  • d.Docked, the logo is the nav. Scroll back to undock.
04  ·  Page directions — Home
HERITAGE
CRAFT
SCALE
PROOF
Motion signature
Five acts, one scroll. Each act wipes in on a 35° swoosh — hero title docks to nav.
  • Heritage — the name, full-bleed
  • Craft — how the work gets made
  • Scale — rooms, crowds, cities
  • Proof — selected work strip
  • CTA — start the conversation
05  ·  Page directions — Our Story
IMAGE
IMAGE
Motion signature
The only ivory section. Ink lines draw in on scroll — the page holds still while the story unfolds.
  • Contrast tone — ivory #F5F2EC, used once
  • Editorial rhythm — statement, images, timeline
  • Restraint — no accent colour here at all
06  ·  Page directions — Services
Motion signature
Nine services, one index. Rows stagger-rise on enter; hover draws a pink line beneath.
  • Index, not cards — editorial list
  • Expandable rows — detail on tap
  • Pink underline — kinetic accent on hover
07  ·  Page directions — Selected Work
EVENT IMAGE
EVENT IMAGE
EVENT IMAGE
EVENT IMAGE
Motion signature
Real photography only. Each image reveals through a diagonal swoosh-wipe; hover sweeps pink → blue.
  • No placeholders — ships with your photos
  • Name · city · year — index under each frame
  • Hover grade — the kinetic colour moment
08  ·  Page directions — Sublime One
Motion signature
Blue-lean, dark. A single blue line draws down the page on scroll — the premium tier reads colder.
  • Own register — darker, bluer, quieter
  • Line draw — the signature gesture
  • One CTA — the blue moment, earned
09  ·  Page directions — Contact
Motion signature
One conversation starter. The CTA is magnetic on hover; a swoosh divider draws between details.
  • Single CTA — thumb-zone, unmissable
  • Direct lines — phone, email, studio
  • No forms maze — one step to reach you
10  ·  UX principles

Quiet interface,
loud moments.

  • 01
    Sticky nav, docked wordmark
    The brand is always home — the logo never leaves the screen.
  • 02
    Thumb-zone CTAs
    The primary action sits where the thumb already is on mobile.
  • 03
    8px grid
    Every space, radius and rhythm snaps to the grid. No orphan pixels.
  • 04
    One accent moment per screen
    Colour is earned, never wallpaper — a single kinetic gesture each view.
  • 05
    Swoosh transitions
    One accent per beat — a single 400ms diagonal pass, one colour. Colour punctuates, never narrates.
11  ·  What we need on approval

To build it true.

01
Photography
10–15 of your best event photographs — high resolution, real crowds, real setups. No stock, ever.
02
Index data
Event names with cities and years, for the Selected Work index.
03
Services sign-off
The nine services, confirmed — with your final wording for each.
04
Contact lines
Phone, email and studio address as they should appear to clients.
On approval, we build.