Phase 1 · Step 1 — Design system proposal for owner review. Everything here is demo content.
PhotoNex
PhotoNex

The chat-first network where India’s photographers, editors, labs, rental shops and organisers find each other — and get booked.

Tagline option 1
India’s Photography Network
Tagline option 2
Connect. Create. Book.
Tagline option 3
Everything Photography, One Network.
Familiar

Feels like the chat app people already use every day, so nobody needs training.

Trustworthy

Calm teal, clear labels, masked contacts, and verification shown honestly.

Photographic

Golden-hour warmth, generous imagery, lens and viewfinder motifs.

Colour

Every colour has a light and a dark value. Use the toggle at the top to see the whole page switch. Click a hex value to copy it.

Lens Teal
Primary actions, links, outgoing chat
Teal Mist
Selected states, soft highlights
Golden Hour
Credits, featured, demo labels
Darkroom Ink
Text, dark hero surfaces
Slate
Secondary text
Paper
Page background
Surface
Cards, panels
Line
Borders, dividers
Status
Success Warning Danger Info
Availability (calendar & cards)
Available Busy Tentatively booked Unavailable Half-day available Custom time slots

Typography

Plus Jakarta Sans for English, with Noto Sans Tamil and Noto Sans Devanagari so Tamil and Hindi render cleanly. Body text never goes below 14px, and is 16px by default for readability on budget phones.

Display
40–48 / 800
Find your photographer
Heading 1
30 / 700
Find your photographer
Heading 2
24 / 700
Find your photographer
Heading 3
18 / 600
Find your photographer
Body
16 / 400
Wedding, candid and drone coverage across Coimbatore and Tiruppur.
Small
14 / 400
Wedding, candid and drone coverage across Coimbatore and Tiruppur.
Caption
12 / 600
Find your photographer
Language preview

What are you looking for today?

Try “I need a photographer in Tiruppur tomorrow”

Find a photographerRent a cameraFind a printing lab

Language selection is UI-only in Phase 1. Tamil and Hindi copy needs native-speaker review.

Buttons

One primary action per screen. Minimum touch target is 44px. Buttons press down slightly when tapped.

Inputs & forms

Large inputs, labels always visible, and errors explained in plain language.

Verification code
Demo only — no code is sent in Phase 1.

Badges & chips

Verification badges say exactly what was checked: a verified phone does not mean a vetted professional.

Phone verified Documents reviewed FeaturedWeddingCandidPendingCancelledDemo data
AvailableBusyTentatively bookedUnavailableHalf-day availableCustom time slots

Cards

Professional, rental, stat, booking and empty-state cards. Contact numbers stay masked until they're unlocked.

AK
Available tomorrow
Arun Kumar
Arun Studio · Wedding photographer
4.8
126 reviews
Tiruppur · 12 km away
Phone verifiedSony A7 IVDrone
From ₹15,000 / event
+91 XXXXX XX123
Demo dataSeller-provided price
In stock
Mirrorless camera
Canon EOS R5 + RF 24-70mm f/2.8
Kovai Camera Rentals · Coimbatore
₹2,500 / day
Refundable deposit ₹20,000
Demo data
Credits balance
99
100 free this month · resets 1 Nov
Booking request
Pending
Wedding · Kumaran Hall, Tiruppur
Sun, 2 Nov · 9:00 AM – 2:00 PM
No results yet
Try a nearby city or another date.

Chat components

The heart of PhotoNex: it feels familiar to anyone who uses a chat app, but has its own colours and shapes. Results arrive as cards inside the conversation.

PhotoNex Assistant
Finds people, rentals and services · Demo
Today
I need a photographer in Tiruppur tomorrow
10:42 ✓✓
Found 3 photographers near Tiruppur who are available tomorrow.
AR
Arun Studio
★ 4.8 · from ₹15,000
DI
Divya Clicks
★ 4.6 · from ₹8,000
Demo results 10:42
What are you looking for today?
What to review for Step 1
  1. 1Pick a logo concept (A, B or C), or ask for changes
  2. 2Pick a tagline (1, 2 or 3)
  3. 3Approve the colour palette: Lens Teal + Golden Hour + Darkroom Ink
  4. 4Approve the typography (Plus Jakarta Sans + Noto Tamil/Devanagari)
  5. 5Check light and dark modes with the toggle at the top
  6. 6Check the page on your phone, especially the chat and bottom navigation

After your approval, Step 2 is the full landing page. Nothing beyond this design system has been built for the UI demo yet.