BGN Design System - v1.3.17
Enterprise Design System for
Indonesian Cloud Infrastructure
A professional, enterprise-grade design system for cloud infrastructure platforms, corporate websites, and SaaS products built for reliability, security, and scalability.
Design Token Preview
The complete primary + neutral palette and six core tokens driving this page.
P900
P800
P700
P600
P500
P400
P300
P200
P100
N900
N800
N700
N600
N500
N300
--color-primary-700
#118D62
CTA, active link, feature icon
--text-5xl
40px / 1.2 / 600
Hero heading desktop
--space-8
32px
Gap section internal
--radius-card
12px
Radius for all product cards
--shadow-sm
0 8px 24px
rgba(16,18,17,.04) - soft elevation
--transition
all .15s ease
Default transition for interactive components
5 Prinsip Desain
The foundation for visual decisions across every public BGN page.
Trust First
Specific evidence is stronger than generic claims. Use signals such as 99.9% SLA, 400k+ users, and verified client logos.
Clarity Over Cleverness
CTAs, navigation, and pricing must be understood within three seconds. Avoid ambiguous metaphors.
Indonesian Market Context
Use Rupiah pricing, ID/EN technical terminology where appropriate, and OJK/BSSN references when relevant.
One Green, One Meaning
Use --color-primary-700 only for primary interactive elements. Do not use it as decoration.
Scalable Tokens
Use the approved tokens. Do not introduce arbitrary values outside the system.
Performance as Design
Keep LCP below three seconds. Motion must add utility, not decoration.