Patepang brand guidelines
How Patepang looks, sounds, and speaks: the logo, colors, typeface, icons, illustrations, sound, and motion, with the rules for using each one.
Read pa · te · pang: Sundanese for “meeting each other.”
What is in here
Each page is about one part of the brand, with what to use and what to leave alone. The last one says what changed.
- LogoThe wordmark in Sundanese script and the app icon.
- ColorSoft blue, deep blue, navy, ivory, and apricot for memories.
- TypographyPatepang Sans, in six weights.
- Icons580 icons, four weights, one skeleton.
- IllustrationRasi: dots are people, ink is a meeting.
- SoundTwelve drafts to listen to.
- MotionShort, with an end, and still on request.
- VoiceShort sentences, everyday words, honest claims.
- LayoutA grid of four, ranked corners, 48 to touch.
- AccessibilityMeasured contrast, text that grows, no color alone.
- DownloadsLogo files and the brand’s values.
- ChangesWhat stands, what changed, what follows.
What everything follows
Six lines the logo, the colors, the type, the icons, the illustrations and the words all answer to.
Meet first
Everything Patepang draws starts where the product does: two people who met. The wordmark is a word for meeting, the icon for tempel is two phones touching, and an illustration draws a meeting as one pull of ink between two dots.
Calm
Nothing is made to pull anyone back: no count that baits, no motion that loops, no color that shouts. Ivory, navy and one blue, one typeface, and hairlines where others would draw boxes.
Precise
The logo, the typeface, the icons and the illustrations are written as geometry and built from it, so every copy is the same copy. Spacing moves in steps of four, and corners come in ranks.
Honest
A picture never promises more than the words beside it. No illustration draws a padlock or a shield, no sentence claims what cannot be shown, and what is not finished says so, as parts of these guidelines do.
Measured
Contrast, touch targets and motion are measured and held by tests, in the app and on the sites. A pair of colors is not used before it has its number.
Rooted
The name is Sundanese and the wordmark is written in Sundanese script, from where Patepang is made: Bogor, West Java. The wordmark is always the drawn file and never typed.
Where each part stands
Each part is in one of three states. A draft is not in use and may still change a great deal. A part being tested has its shape, and Patepang’s sites already use it; what changes is small. A part in force is binding. Each page says which, and this list says it for all of them.
- Logo7 November 2026. The wordmark in Sundanese script and the app icon, built from recorded geometry. The name in Latin letters, drawn on the same construction, is a draft.In force
- Color12 November 2026. Blue for everything, as a whole system: a blue ramp, tones for states, four statuses, and people colors. The sites follow it; the app moves to it next.In force
- Patepang Sans11 November 2026. Six weights, upright and italic. The final files are in and every Patepang site is set in it; tests on real phones, the legal review of its license, and installation in the app remain.Being tested
- Ikon PatepangVersion 1.0. 580 icons in four weights. Every Patepang site draws with them; the app still draws Phosphor.Being tested
- Ilustrasi PatepangVersion 0.5.1. 80 illustrations in the Rasi style, for light and dark paper. On the sites they stand in the opening of several first pages and on the page for a wrong address; not yet installed in the app.Being tested
- SoundVersion 0.2.2. One motif, struck on bamboo, synthesized from code. The ring has been revised three times from listening notes; this draft has not yet been heard on a phone.Draft
One source
These guidelines replace the brand book of 21 October 2026, with its two-circle logo, its orange, and Plus Jakarta Sans. Where anything differs from this site, this site is right.
Using the brand outside Patepang
Anyone may show the logo beside honest words about Patepang, by the rules of the Intellectual property policy. The typeface, the icons and the illustrations are for Patepang’s own products and communications. For anything else, write to hi@patepang.com.