Design System · Color Playground

Marriflow
Brand System

Select any palette below to instantly preview it across the entire design system — every component, widget, and interaction updates live.

Choose a Palette

Light Mode
Toggle dark mode or create your own palette
🎨 Custom Color Palette

Enter 5 hex color codes to create your own palette. The first color becomes the accent, and the rest are used for the swatch.

Color 1
Color 2
Color 3
Color 4
Color 5
Component 01

Buttons & Actions

All button variants across sizes, states, and use cases — from primary CTA to icon-only controls.

Variants

Sizes

States & Special

Component 02

Typography Scale

Poppins across all sizes and weights — from display headings to micro labels.

Display
Heading
H1 · Page Title
H2 · Section Title
H3 · Card Title
H4 · Subheading
H5 · Small Heading

Body Large — Planning your wedding with Marriflow gives you complete visibility across every vendor, every milestone, and every budget line.

Body Default — Marriflow is a premium B2B/B2C wedding platform for the Sri Lankan market, engineered to eliminate administrative chaos and connect couples with the best vendors in the country.

Body Small · UI captions and secondary information.

● Active ✓ Booked Venue Pro Unclaimed Premium

Eyebrow Label

Section Heading Below Label

or continue with
Component 03

Form Elements

Every input type used across the Marriflow onboarding, vendor profile, and inquiry gateway flows.

🔍
⌘K
✉
⚠ Please enter a valid email address
Min. 50 characters · Markdown supported
Enable Nakath date matching
Show only available vendors
Enable push notifications
Poruwa ceremony
Church ceremony
Evening homecoming
Venue Pro — LKR 15,000/mo
Supplies Pro — LKR 5,000/mo
Free Tier
Component 04

Cards & Listings

B2C venue and vendor cards as they appear in the couple's directory — with live availability indicators.

Venues
Photographers
Florists & Décor
Bridal & Makeup
Caterers
🏛
Colombo · 5★
♡
🟢 Available on June 3rd

Galle Face Hotel

Colombo 03 · Up to 500 guests · From LKR 2.8M

Ballroom Outdoor Catering
Profile completeness92%
A
K
S
+4
12 couples shortlisted
🏖
South Coast
♥
🔴 Booked on your Nakath

Heritance Ahungalla

Galle · Beach Ceremony · Up to 350 guests

Beach Pool Premium
AvailabilityBooked
From LKR 1.9M
✓ Verified
🌿
Kandy
🟡 Availability Unknown

Heritance Kandalama

Dambulla · 400 capacity · Contact for pricing

Resort Outdoor
Unclaimed profile. Contact details are hidden. This venue must upgrade to reveal inquiries.
Unclaimed 📍 Dambulla

One-Question Onboarding Wizard

Step 2 of 633%

Have you set your Nakath date?

Your auspicious date helps us filter availability in real time across all vendors.

✓
Yes, confirmed
🗓
Checking soon
🔮
Not yet
❓
What is Nakath?
Component 05

Shadow Kanban CRM

The vendor's autonomous lead pipeline — zero data entry, drag-and-drop, with live advance tracking.

12 Active Leads LKR 18.4M pipeline ↑ 3 new this week
New Inquiry3
Amaya & Kasun
June 3 · Poruwa + Church
LKR 800K
Hot300 guests
Shalini & Dilan
Aug 18 · Full Package
LKR 1.2M
Hot
Thilini & Rohan
Nov 12 · Kandyan
LKR 650K
Quote Sent4
Nivi & Pradeep
Dec 5 · Beach Ceremony
LKR 2.4M
Quote viewed
Sanduni & Chamath
Mar 22 · Homecoming
LKR 900K
Malika & Isuru
Sep 14 · Poruwa only
LKR 450K
Advance Paid3
Dilhara & Nuwan
Jan 8 · Full Package
LKR 3.1M
50% advance
Piyumi & Ashen
Feb 14 · Church + Reception
LKR 1.8M
Fully Booked2
Chamari & Gayan
Oct 5 · 400 guests
LKR 2.8M
✓ Confirmed
Ruwanthi & Sajith
Apr 19 · Luxury
LKR 3.4M
✓ Confirmed

Native Inquiry Chat

A
Amaya & Kasun
🟢 Online · Nakath: June 3rd · Budget: LKR 800K
New Lead
Hi! We saw your venue on Marriflow and we're interested for our Poruwa on June 3rd. Do you have availability?
Amaya · 2:14 PM
Hello Amaya! Yes, June 3rd is available for us 🎉 I've just sent over our full package quote. Please check below!
You · 2:18 PM
📄 Package Quote — Gold Menu · 300 Guests
LKR 800,000 · Valid 7 days
System · Quote Delivered · 2:18 PM
That looks great! Can we schedule a site visit this weekend?
Amaya · 2:24 PM
Component 06

Market Radar & Analytics

Vendor dashboard: profile performance, lead quality, and competitive intelligence.

Profile Views
2,847
↑ 18% vs last month
Qualified Leads
47
↑ 12 new this week
Revenue Pipeline
18.4M
↑ LKR from 12 leads
Conversion Rate
34%
↓ 2% vs last month

Cross-Shopping Intelligence

Couples who viewed your profile also viewed:

Cinnamon Grand Colombo65%
Shangri-La Colombo48%
Heritance Ahungalla31%
Jetwing Blue Negombo22%

Lead Quality Breakdown

This month's pre-qualified inquiry data

Budget > LKR 1M72%
Nakath confirmed88%
Guest count > 20061%
Venue already shortlisted45%
Component 07

Alerts, Toasts & Notifications

From the "Lead Tease" upgrade trigger to onboarding nudges — non-alarming, warm-urgency notification system.

⚡
New lead waiting for you!
A couple with an estimated LKR 800,000 budget inquired about your availability for a Kandyan Poruwa on June 3rd. Upgrade to Premium to unlock their contact details.
✓
Quote delivered!
Your Gold Menu quote was sent to Amaya & Kasun and opened 3 minutes ago. The lead has been moved to "Quote Sent" in your pipeline automatically.
🗓
Nakath date confirmed
Your primary Nakath for June 3rd has been saved. The Traffic Light availability engine will now show your availability status to couples in the directory.
⚠
Phone number detected
Your "About Us" bio contains a phone number. Free Tier vendors cannot share contact details — upgrade to Supplies Pro to unlock this feature.
⚡
New inquiry! Amaya & Kasun · LKR 800K · June 3rd
✕
✓
Quote sent successfully to Shalini & Dilan
✕
Component 08

Pricing Tiers

ROI-anchored B2B SaaS pricing — justified against a single high-ticket booking, not software cost.

Free
Directory Listing
Basic visibility in the directory. Enough to show couples you exist — not enough to compete.
LKR 0
Forever free · No card required
✓ Single cover photo
✓ Basic location & info
✕ Contact button hidden
✕ No analytics or insights
✕ Ranked last in search results
✕ No CRM or Kanban
Supplies Pro
Creative Vendors
For photographers, makeup artists, florists. Stop inbox fatigue — start receiving qualified leads.
LKR 6,500
per month · Save 25% annually
✓ Pre-Qualifier inquiry gateway
✓ Unlimited portfolio galleries
✓ Shadow Kanban CRM
✓ 1-Click PDF quotation generator
✓ Pinned to top of search results
✓ Full analytics dashboard
Venue Pro
Hotels & Banquet Halls
For star-class hotels, boutique villas. One extra booking per year covers your annual subscription 50×.
LKR 18,000
per month · Annual billing available
✓ Everything in Supplies Pro
✓ Nakath-aware availability engine
✓ Market Radar — competitive intel
✓ Multi-package quotation builder
✓ Cross-shopping metrics
✓ Dedicated account manager
Component 09

Additional Widgets

Guest list table, wedding checklist, vision board, and collaborator mode.

Smart Guest List Manager

NameSideRSVPTableDietary
Lakshmi PereraBride'sConfirmedT-04Veg
Rohan SilvaGroom'sConfirmedT-07—
Manel FernandoMutualPending—Halal
Priya JayawardenaBride'sConfirmedT-02—
Suresh KumarGroom'sDeclined——
Showing 5 of 248 guests 186 confirmed · 42 pending · 20 declined

Dynamic Countdown Checklist

Book the wedding venue
Completed · 8 months out · Heritance Ahungalla confirmed
Confirm Nakath with astrologer
Completed · Primary: June 3rd · Backup: June 17th
Book Ashtaka & Poruwa services
Due in 6 weeks · 3 vendors shortlisted
Action Required
Finalise photographer & videographer
Due in 5 weeks · Quote received from 2 studios
In Progress
Schedule menu tasting
2 months out · Contact venue catering team
Bridal outfit fitting — 1st appointment
8 weeks out · Osari & homecoming dress

Family Vision Board

🌸
Floral Theme
♥
🌿
Greenery
♡
🏛
Venue Style
♥
💍
Rings & Jewels
♡
👗
Bridal Look
♥
+

Collaborators

A
K
M
P
+3

Badges, Tags & Status Chips

Active Booked Venue Pro Free Tier Premium
🟢 Available 🔴 Booked 🟡 Unknown
✓ Verified Unclaimed New Featured
Availability Traffic Light
Available on your primary Nakath, June 3rd
Booked on primary — available on June 17th backup
Unclaimed — availability unknown, inquire directly