Section 01
Style guides + interactive prototype
Light & dark token systems plus a clickable play phone. Tap the play phone to walk the real user flow end-to-end.
HKL Design System
Every token, font, and component used across the prototype. Built on a warm-stone palette with a single dark-forest brand action.
Primary · Stone scale
primary-50
#FCFDFD
primary-100
#F3F2EB
primary-200
#E8E6D9
primary-300
#DCD9C9
primary-400
#C5C1AF
primary-500
#A9A593
primary-600
#8C8976
primary-700
#6F6C5B
primary-800
#545244
primary-900
#3B392F
primary-950
#26251E
white
#FFFFFF
Brand accents
dark-forest
#1A3C34
terracotta
#D97757
olive · hover
#586C48
dark-forest is the single brand action color (PrimaryButton, FABs). terracotta is for warm accents (unread dots, “going” badge). olive only appears as the PrimaryButton hover state.
Typography
Headline · font-hkl
hero titles, section headings
Editorial · font-playfair
italic accent words only
Body text · font-outfit. This is the workhorse for paragraphs, form fields, list rows, and most readable content.
paragraphs, fields, list rows
Label · font-hkl-centra
section labels, button text, eyebrows
Type scale
Spacing scale
Screen padding px-5, major section gap mt-6, within group space-y-2.
Border radius
xl for cards and rows, 2xl for chat bubbles and feed posts, 3xl for the Quote carousel, t-4xl for modal sheets, full for buttons, pills, avatars.
Buttons
bg-dark-forest · rounded-full · py-3
bg-white · border-primary-200
Pill FAB preferred (more discoverable). Icon-only for compact contexts.
Input states
Name
Sarah Kim
Editable field with floating label · used on Save Profile.
Badges & pills
Avatars
Cards
List row card
Used in Spaces, Chat, Alerts, Events
Section labels
Default spacing
mt-6 mb-2 · used in Save Profile, About HKL
Tight spacing
mt-4 mb-1 · used in Alerts list sections
Shadows
FAB · rgba(26,60,52,0.3) tint matches dark-forest
Hero card · Quote carousel
Modal sheet · upward shadow for TourSheet, ComposerSheet
Every token here is in use across the 26 screens. Reference this page when adding new components pick from these primitives before introducing new values.
Bold black.
Pure black surface · white text · olive green for action. High contrast, OLED-true blacks, distinct from the warm dark palette.
Background
Pure black base
Surface
Cards · elevated
Border
Dividers
Text · primary
Headlines · body
Text · secondary
Muted
Text · tertiary
Captions
olive
Primary action · CTA
mint
Bright accent · unread
Buttons
Card
Card row
bg #0F0F0F · border white/8
Section 02
Light mode
27 screens · onboarding through the full app surface.
The world feels differentwhen the mind is different.
Begin your Journey.
+1By continuing, you agree to our Terms & Privacy.
Enter your code.
Sent to +1 ••• 4567
Didn't get it? Resend
Welcome, Sarah
You're not alone here.
Two minutes a morning a quiet practice in humility, kindness, and love. Held together, across every timezone.
The heart of HKL
Timezone
America / New York
Share what you feel
Walk together
Each morning, the community shares one breath the core daily affirmation, in every language.
Your space
Country
🇺🇸 United States
Make it yours.
A few quick details so the community knows you.
About you
Preferences
Bio (optional)
Welcome to HKL, Sarah.
Gurmohit Singh Thind
2dThe Hands of Humility
"When you are in control of your mind, then you are humble; then you are humble. And when you are not in control of your mind, then the ego takes the place of humility. And that's how you do your duties that is so important; and the duties must be do...
Priya Sharma
5hMorning thoughts
Today I noticed kindness in the smallest moments a stranger's smile at the bus stop. I want to carry this softness home.
Gurmohit Singh Thind
2d · HeartalksThe Hands of Humility
“When you are in control of your mind, then you are humble. And when you are not in control of your mind, then the ego takes the place of humility.
That's how you do your duties that is so important; and the duties must be done with love, with care, and with the awareness that you are not the doer, only an instrument.
Each small act pouring tea, listening to a friend, walking home becomes a quiet practice. The hands fold not in performance, but in recognition.”
3 comments
Priya Sharma
This landed for me today. Thank you for sharing sitting with the line about duty as devotion.
Anjali Mehta
Beautifully said. I'm going to carry this into my morning practice tomorrow.
Marco Rossi
🙏
My Daily Commitment For The Week
Our daily practice for the coming week to become more humble, kinder, loving & forgiving is to sit peacefully with closed eyes and check the state of our consciousness.
Close your eyes and feel: Am I peaceful? Am I loving? Am I kinder? Am I forgiving? Or am I angry, worried, reactive, or insecure?
Remain grateful to God for everything, and pray to Him for everybody's wellbeing.
Previous Weekly Practices
Missed a previous weekly practice? Would like to give another week a try? Here are some of the previous weekly challenges.
Conversations
Direct messages
Priya Sharma
Active now
New Message
Suggested
Notifications
3 newToday
This week
Earlier
This week
Later this month
Saturday Practice
HKL Saturday Meetup
Sat, May 23 · 10:30–11:15 PM IST
Repeats every Saturday
When
Sat, May 23 · 10:30 PM IST
Repeats
Every Saturday · 45 min
Where
Zoom Meeting
Hosted by
Anjali Mehta
us06web.zoom.us/j/7952226852
About this event
A reflective gathering inviting us to recognize humility, kindness, and love within and around us. By experiencing transformation using simple practices such as the I Commit practice.
Research shows that it takes 40–60 days of consistent practice to form a habit. Let's encourage one another to commit to self-care and become the most beautiful version of ourselves.
Spaces
More
Priya Sharma
Bengaluru, India
Learning to listen to my breath, to others, to what life is quietly teaching.
Recent posts
Welcome Home to the HKL Movement
We are so grateful you are here. You have joined a movement dedicated to the most important work of our lives: Coming Home to Humility, Kindness & Love.
What is HKL Movement
The HKL Global Movement is dedicated to inspiring everyone to awaken, go within, and reconnect with the virtues of Humility, Kindness & Love that already exist within us. As we do so, we become more beautiful within. From that arises peace, happiness, lasting contentment, and ripples of positive change in our homes, communities, and the wider world.
Before we begin…
This space is a “Beautiful Garden” that we all tend together. To protect its peace, we invite you to take a moment to read our #📜 Community Guidelines. These are not just rules; they are the three qualities we practice here: Is it Humble? Is it Kind? Is it Loving?
Share Your Fragrance
This community isn't a place to scroll it's a place to connect. Tap New Post and share a brief introduction:
Who are you?
Your name and where in the world you're joining from.
Why are you here?
What drew you to HKL? What is your heart seeking?
Your "One Small Thing"?
One tiny habit you're changing to live more humbly, kindly, or lovingly.
Next Steps
Once you've introduced yourself and welcomed a few others:
Heartalks (Discussions)
Our main discussion space. Whether you have a question, a reflection, or an article to share this is where we gather to grow together.
Welcome to a space built on Humility, Kindness & Love. This isn't just what we say it's how we live. To keep our Garden beautiful, we follow these simple intentions.
The Three-Way Test
Before you post or comment, pause and ask:
If the answer is yes, we'd love for you to share.
What We Grow Together
- Honest reflection. Share your true journey.
- Gentle encouragement. Lift others up.
- Lived experience. Speak from your own heart and history.
What We Leave Outside
To protect our peace, we don't allow:
- Political or religious debates.
- Harsh criticism, shaming, or gossip.
- Self-promotion, spam, or negativity.
Our Shared Care
We are all guardians of this culture. If a post doesn't reflect the HKL spirit, please report it. Moderators may remove content or members that disrupt our shared values.
This space belongs to all of us. Let's guard it with care.
What can one do then?
Come home to yourself.
By reconnecting with the virtues of HKL that live within us, we become more beautiful, and from that arises happiness, and lasting contentment.
The self transformation does not begin “out there,” it begins within.
The Three Virtues
Humility is the opposite of Ego. Ego is the false idea that we are separate from, or better than, others. It is the “I, Me, and Mine” voice in our head that constantly seeks to possess and gain attention, credit, and control. Humility arises out of the consciousness that is grateful.
It is living free from ego, as a lifelong learner who is open to growth and aware that we are part of something greater than ourselves. It allows us to listen deeply and grow through our experiences.
Get in touch
Heartalks
Open discussions on what we're practicing
Recent discussions
Section 03
Dark mode · black & green
Pure black surfaces · olive primary action. Bold, OLED-true, higher contrast — full app surface.
Humility · Kindness · Love
The world feels differentwhen the mind is different.
Begin your Journey.
+1By continuing, you agree to our Terms & Privacy.
Enter your code.
Sent to +1 ••• 4567
Didn't get it? Resend
Welcome, Sarah
You're not alone on this path. We'll walk you through a calm setup in four short steps.
Tap to begin
The heart of HKL
Timezone
America / New York
Share what you feel
Walk together
Each morning, the community shares one breath the core daily affirmation, in every language.
Your space
Country
🇺🇸 United States
Make it yours.
A few quick details so the community knows you.
About you
Preferences
Welcome to HKL, Sarah.
Gurmohit Singh Thind
2dThe Hands of Humility
"When you are in control of your mind, then you are humble; then you are humble. And when you are not in control of your mind, then the ego takes the place of humility…"
Priya Sharma
5hMorning thoughts
Today I noticed kindness in the smallest moments — a stranger's smile at the bus stop. I want to carry this softness home.
Gurmohit Singh Thind
2d · HeartalksThe Hands of Humility
“When you are in control of your mind, then you are humble. And when you are not in control of your mind, then the ego takes the place of humility.
That's how you do your duties that is so important; and the duties must be done with love, with care, and with the awareness that you are not the doer, only an instrument.
Each small act — pouring tea, listening to a friend, walking home — becomes a quiet practice. The hands fold not in performance, but in recognition.”
3 comments
Priya Sharma
This landed for me today. Thank you for sharing sitting with the line about duty as devotion.
Anjali Mehta
Beautifully said. I'm going to carry this into my morning practice tomorrow.
Marco Rossi
🙏
My Daily Commitment For The Week
Our daily practice for the coming week to become more humble, kinder, loving & forgiving is to sit peacefully with closed eyes and check the state of our consciousness.
Close your eyes and feel: Am I peaceful? Am I loving? Am I kinder? Am I forgiving? Or am I angry, worried, reactive, or insecure?
Remain grateful to God for everything, and pray to Him for everybody's wellbeing.
Previous Weekly Practices
Missed a previous weekly practice? Would like to give another week a try? Here are some of the previous weekly challenges.
Conversations
Direct messages
Priya Sharma
Active now
New Message
Suggested
Notifications
3 newToday
This week
Earlier
This week
Later this month
Saturday Practice
HKL Saturday Meetup
Sat, May 23 · 10:30–11:15 PM IST
Repeats every Saturday
When
Sat, May 23 · 10:30 PM IST
Repeats
Every Saturday · 45 min
Where
Zoom Meeting
Hosted by
Anjali Mehta
us06web.zoom.us/j/7952226852
About this event
A reflective gathering inviting us to recognize humility, kindness, and love within and around us. By experiencing transformation using simple practices such as the I Commit practice.
Research shows that it takes 40–60 days of consistent practice to form a habit. Let's encourage one another to commit to self-care and become the most beautiful version of ourselves.
Spaces
More
Priya Sharma
Bengaluru, India
Learning to listen — to my breath, to others, to what life is quietly teaching.
Recent posts
Welcome Home to the HKL Movement
We are so grateful you are here. You have joined a movement dedicated to the most important work of our lives: Coming Home to Humility, Kindness & Love.
What is HKL Movement
The HKL Global Movement is dedicated to inspiring everyone to awaken, go within, and reconnect with the virtues of Humility, Kindness & Love that already exist within us.
Before we begin…
This space is a “Beautiful Garden” that we all tend together. To protect its peace, we invite you to take a moment to read our #📜 Community Guidelines. These are not just rules; they are the three qualities we practice here: Is it Humble? Is it Kind? Is it Loving?
Share Your Fragrance
This community isn't a place to scroll — it's a place to connect. Tap New Post and share a brief introduction:
Who are you?
Your name and where in the world you're joining from.
Why are you here?
What drew you to HKL? What is your heart seeking?
Your "One Small Thing"?
One tiny habit you're changing to live more humbly, kindly, or lovingly.
Next Steps
Once you've introduced yourself and welcomed a few others:
Heartalks (Discussions)
Our main discussion space. Whether you have a question, a reflection, or an article to share this is where we gather to grow together.
Welcome to a space built on Humility, Kindness & Love. This isn't just what we say it's how we live. To keep our Garden beautiful, we follow these simple intentions.
The Three-Way Test
Before you post or comment, pause and ask:
If the answer is yes, we'd love for you to share.
What We Grow Together
- Honest reflection. Share your true journey.
- Gentle encouragement. Lift others up.
- Lived experience. Speak from your own heart and history.
What We Leave Outside
To protect our peace, we don't allow:
- Political or religious debates.
- Harsh criticism, shaming, or gossip.
- Self-promotion, spam, or negativity.
Our Shared Care
We are all guardians of this culture. If a post doesn't reflect the HKL spirit, please report it. Moderators may remove content or members that disrupt our shared values.
This space belongs to all of us. Let's guard it with care.
What can one do then?
Come home to yourself.
By reconnecting with the virtues of HKL that live within us, we become more beautiful, and from that arises happiness, and lasting contentment.
The self transformation does not begin “out there,” it begins within.
The Three Virtues
Humility is the opposite of Ego. Ego is the false idea that we are separate from, or better than, others. It is the “I, Me, and Mine” voice in our head that constantly seeks to possess and gain attention, credit, and control. Humility arises out of the consciousness that is grateful.
It is living free from ego, as a lifelong learner who is open to growth and aware that we are part of something greater than ourselves. It allows us to listen deeply and grow through our experiences.
Get in touch
Heartalks
Open discussions on what we're practicing
Recent discussions