Back to homeKembali ke utama
Taubat.App · Brand Guidelines v2.0
April 2026 · For internal & partner use
TAUBAT.APP

Brand
Guidelines

A companion for your journey back to Allah.

Version2.0
PreparedApril 2026
FormatVisual Identity
01

Logo Mark

Taubat.App logo mark
The Mark

The logo represents a winding path ascending toward a guiding star — the journey of repentance and spiritual growth.

The path symbolizes guidance, progress, and the quiet act of returning to Allah.

The crescent and star above rest as a symbol of Islamic faith and divine light.

Primary
Primary variant
Monochrome
Monochrome variant
Reversed
Reversed variant
App Icon
App icon variant
02

Color Palette

Deep Green
#0D1F17
Forest Green
#1E4D3A
Sage Green
#6E8B5B
Warm Sand
#D8CDBA
Cream
#F6F3EB
Gold Accent
#C8A85A
55% Deep
20% Forest
12% Sage
6% Sand
4% Cream
3% Gold

A harmonious blend of deep greens, soft neutrals, and warm gold — colors that reflect peace, trust, and spiritual growth.

03

Typography

Aa
Playfair Display
For headings & quotes
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Aa
Inter
For body & UI
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
Aa
JetBrains Mono
For labels & specs
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890
72 / 80Turn, and He turnsDisplay
48 / 56Your journey beginsHeadline
32 / 40Reflect. Repent. Renew.Title
24 / 32A companion for every soulSubhead
16 / 24Track your prayers and growth each dayBody
12 / 18BRAND GUIDELINES · VERSION 2.0Eyebrow
04

Iconography

Path
The winding journey
Star
The guiding light
Horizon
New beginnings
Crescent
Faith & devotion
Mercy
Divine compassion
Knowledge
Quranic learning

Minimal, line-based icons drawn with a single stroke weight. Each glyph draws from the logo's visual vocabulary — curves, light, and ascending motion.

05

Logo Usage

Clear Space
Clear space guide

Maintain a minimum clear space equal to ¼ × logo width on all sides. Never crowd the mark with other elements.

Minimum Size
24px minimum24px min
48px recommended48px recommended

Never use the logo below 24px. At small sizes, use only the app icon variant with rounded corners.

Don't stretch
Don't stretch
Don't rotate
Don't rotate
Don't recolor
Don't recolor
Don't use on busy bg
Don't use on busy bg
06

Brand Application

Mobile App
App icon on phoneTaubat
Business Card
Logo on cardTaubat.App
Izuddin Helmi
Developer & Designer
support@taubat.app
Poster
Logo on poster
Taubat
App
Reflect · Repent · Renew
App Icon
App icon full