This planner helps us lock your website’s look & feel before development:
design style, colors, typography, header/footer, buttons, forms and more.
You can open each section below and share your choices on WhatsApp.
Visual design ✔UX & forms ✔Copy tone & language ✔
How to use this planner
1
Open each section card (Design, Colors, Buttons, etc.).
2
Select the codes you like (example: Style 07, Theme 03, B2, H1).
3
Reply on WhatsApp with your final combo – we start the build.
Visual Design · Look & Feel
Start from overall style, then colors, then gradients/shadows.
These decide how your website visually feels.
P1 · Styles
Overall UI look
Design Style Selector (12 styles)
Minimal, glass, gradient, brutalism, corporate, creative – choose the main
visual direction for your website.
Example reply: “Style: 07 – Modern Premium Gradient Card UI”
P2 · Colors
Brand theme
Color Theme Selector (8 palettes)
Pick the main color mood: corporate blue, luxury gold, dark premium,
playful, soft pastel and more.
Example reply: “Theme: 03 – Luxury Gold on Dark”
P3 · Depth
Gradients & shadows
Gradient + Shadow Selector
Decide how soft or strong the gradients and shadows should be – from
almost flat to premium 3D feel.
Example reply: “Gradient: G2 · Shadow: S1 (soft premium)”
UI Elements · Buttons, Header, Footer
These components repeat across your entire site – we lock their style once so the full website feels consistent.
C1 · Buttons
Primary actions
Button Styles (B0–B6)
Solid, gradient pill, outline, ghost, glass, bold square – choose how your
main CTAs like “Book Now” will look.
Example reply: “Buttons: Primary B2, Secondary B3”
C2 · Header
Top navigation
Header Styles (H0–H8)
Logo + menu + call-to-action layout: basic, business standard,
hero overlay, contact-first, center logo and more.
Example reply: “Header: H1 Business + sticky + color on scroll”
C3 · Footer
Bottom section
Footer Styles (F0–F6)
Minimal bar, 2–3 column business, sitemap, centered luxury, CTA +
newsletter and enquiry footers.
Example reply: “Footer: F2 – 3-column business”
Content Feel · Fonts, Images, Language
These define how your brand “talks” visually – typography, imagery style and single vs multi-language options.
D1 · Fonts & Visuals
Content mood
Typography & Image Style (T1–T4, I1–I4)
Choose the type of fonts (modern, elegant, friendly, bold) and visual
style (real photos, photos + icons, illustration, abstract).
Example reply: “Typography: T1 · Images: I2 Photos + Icons”
D2 · Language
EN / HI / Hinglish
Language & Region Switcher Demo
Preview English vs Hindi vs Hinglish tone and optional region-based
pricing (India, Middle East, global).
Example reply: “Language: Hinglish · Region: India”
D3 · Micro UX
Premium feel
Micro UX Demo (Loading, Errors, 404)
Shows how buttons load, forms show errors, empty states and 404 pages
behave – part of the “polish” you get by default.
No selection needed – this comes included with all builds.
Leads & Enquiries · Form Styles
Decide how users will submit enquiries: simple card form, split travel form, multi-step or quick hero form.