Meet Hati Ihsan.
A green heart with arms and legs. MTFA's heart, and the heart of every kampung, spreading one neighbour at a time. Hati is for everyone: no religion, race or gender, just warmth.
Every pose
Use them in apps with <Hati pose="money" /> from @techkampung/ui/hati.
- Hello, welcomeSelamat datang
hello - Start hereMula di sini
start-here - Over hereDi sini
point-left - Over hereDi sini
point-right - Up hereDi atas
point-up - Down hereDi bawah
point-down - See you againJumpa lagi
quiet-wave - Step oneLangkah satu
step-one - Step twoLangkah dua
step-two - Step threeLangkah tiga
step-three - Looking near youMencari berdekatan
searching - One momentSebentar ya
loading - Good job!Syabas!
good-job - Thank you, neighbourTerima kasih, jiran
love - Let's try againMari cuba lagi
oops - Nothing here yetBelum ada lagi
empty - No internet right nowTiada internet
offline - We'll ask for your locationKami akan minta lokasi anda
location-permission - Couldn't find your locationLokasi tidak dapat dikesan
location-unavailable - Your data is cared forData anda dijaga
privacy - Need help?Perlu bantuan?
help - SettingsTetapan
settings - Tell us what you thinkBeritahu pendapat anda
feedback - We spread loveKita sebarkan kasih
together - Motorbike lotsPetak motosikal
motorbike - Place to prayTempat solat
pray - Pray where you areSolat di tempat anda
building - Prayer timeWaktu solat
clock - Financial helpBantuan kewangan
money - Burial and casket helpBantuan pengebumian
farewell - Someone to talk toTeman berbual
talk - FoodMakanan
food - HealthKesihatan
health - LearningBelajar
learn - Event passPas acara
ticket - Scan the codeImbas kod
scan - FullPenuh
muted
The full library
All 154 pictures, served from techkampung.sg/tk. Use them with <TkArt id="…" /> from @techkampung/ui/tk. App pictures belong only in their own app.
Tech Kampung portal 10
- explore projects
- fork remix
- proof of concept
- proof of sustainability
- proof of value
- raise a pain point
- submit a project
- support the kampung
- take a challenge
- vote support
Shared Hati poses (every app) 24
- community together
- feedback invitation
- help support
- loading wait
- location permission
- location unavailable
- no results
- offline
- point down
- point left
- point right
- point up
- privacy care
- quiet footer wave
- settings gear
- start here
- step one
- step three
- step two
- success small
- thank you
- thinking searching
- try again
- welcome wave
Small glyphs (toolbars and buttons) 24
- accessibility
- back
- camera scan
- check
- close
- download
- external link
- filter
- home
- information
- language
- list
- location
- map
- menu
- next
- notifications
- refresh
- search
- settings
- share
- sign in
- sign out
- warning
Community Map categories 12
- all help
- disability support
- elderly
- family
- financial aid
- food
- health
- jobs
- legal help
- mosques
- organisation services
- shelter
MotoLot 12
- available lots
- directions to lot
- full carpark
- lift access plannedplanned feature
- nearby parking
- night parking
- parking found
- parking rules
- ramp access plannedplanned feature
- scooter app identity
- sheltered parking
- unknown stale count
Jaga Musolla 12
- kiblat compass
- nearest masjid
- nearest musolla
- offer replacement
- pray where you are
- prayer mat app identity
- prayer time remaining
- request cleaning team
- request sejadah
- request telekung
- share prayer spot
- wuduk facilities
Community Map 12
- choose a need
- confirmed information
- help nearby
- likely information
- map app identity
- nearby help found
- open now
- place details
- postal code search
- report a correction
- suggest a place
- unknown information
Ulum Ihsan 12
- book home app identity
- class ready
- classes by block
- coordinator follow up
- family host teacher match
- host a class
- listen to lesson
- parent and child
- print handout
- read lesson
- register interest
- teach a class
DIO × RMM 12
- already redeemed
- choose meal sets
- counter scan
- outlet information
- payment failed
- payment pending
- purchase step
- redemption success
- share voucher
- sharing platter app identity
- single use voucher
- voucher email
Event QR 12
- already checked in
- attendance dashboard
- check in success
- entry pass app identity
- event programme
- find my seat
- guest found
- guest not found
- organiser access
- scan to check in
- table number
- usher help
Gotong 12
- announcement channel
- calendar invite plannedplanned feature
- email code sign in
- email nudge
- group chat
- job status plannedplanned feature
- job thread plannedplanned feature
- one to one chat
- private reply
- shared task app identity
- unread message
- volunteer job plannedplanned feature
Kampung Simple
Every Tech Kampung app is built first for elders and the vulnerable, then for volunteers, then for staff. If it works for makcik, it works for everyone.
- 1
One screen, one job
The first screen has one big button. People know what it does before they read anything.
- 2
Ask only after a tap
No permission pop-ups on load. The button explains why, and a postal-code box means “Don't allow” is never a dead end.
- 3
One or two taps
From landing to result in two taps at most. Longer tasks become a numbered step ladder.
- 4
For the eyes, not the thumb
Other services sit around the big button as large tiles to scan, not choices to make first.
- 5
Icon + word, always
Never an icon alone, never colour alone. Hati shows the meaning; a word confirms it.
Try the building blocks
From @techkampung/ui/simple. Tap them.
<BigAction>
The one job on the first screen.
We'll ask to use your location
<StepLadder>
For anything longer than two taps.
- 1
- 2
- 3
Step 1. Your block
<QuantityStepper>
Big − and +, with the total pinned to the action.