Skip to content
danantaraindonesia.co.id logo

Danantara Indonesia - Daya Anagata Nusantara

danantaraindonesia.co.id

A solemn, authoritative, and highly formal institutional brand that projects national pride and economic stewardship. The design language is rooted in classic editorial traditions, utilizing deep maroon and sharp geometry to convey stability, heritage, and serious governance.

authoritative
institutional
formal
heritage
sober
structured
nationalist
editorial

Color Palette

Colors

Light Mode

#800000

primary

#ffffff

background

#ffffff

surface

#0d0d0d

text

#007aff

accent

#737373

muted

Dark Mode

#0d0d0d

surface


Typography

Fonts

__Inter_999373

body
400
600
700
self-hosted

__Inter_Fallback_999373, system-ui, sans-serif, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji

__Newsreader_380ca2

heading
400
self-hosted

serif, ui-serif, Georgia, Cambria, Times New Roman, Times, serif

__Inter_999373

heading
300
400
self-hosted

__Inter_Fallback_999373, system-ui, sans-serif, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji

body

The quick brown fox

h1

The quick brown fox

h2

The quick brown fox

h3

The quick brown fox

h4

The quick brown fox


Components

Design System

BPI Danantara
secondary
12px
#ffffff#ffffff
primary
primary
0px
#800000#ffffff
Indonesia
outline
0px
#ffffff
element
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px

element
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px

element
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px

gradient

linear-gradient(rgb(110, 148, 174), rgba(0, 0, 0, 0))...

gradient

linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0))...

gradient

linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0))...

gradient

linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0))...

gradient

linear-gradient(to top, rgb(12, 12, 12), rgba(0, 0, 0, 0))...

gradient

linear-gradient(rgb(76, 134, 180), rgba(0, 0, 0, 0))...


Voice & Tone

Personality

Visual Energy

4/10

Design Era

classic-editorial

Emotional Tone

sober-authoritative

Target Audience

Government officials, institutional investors, policy makers, and the general public seeking reliable national economic information.

Comparable Brands

The New York Times
Bloomberg
Central Banks
Government Ministries

Brand Rules

Dos & Don'ts

Do

  • Use the primary brand color #800000 (Deep Maroon) for all primary actions, key headings, and brand identity elements to establish authority.
  • Apply the #007aff (Bright Blue) strictly as an accent color for hyperlinks or secondary data highlights, ensuring high contrast against white or light gray backgrounds.
  • Set all headings to Title Case using the Newsreader serif typeface (weights 400) or Inter at 300-400 weight for a sophisticated, editorial look.
  • Render body copy in Inter (weights 400, 600, 700) with a fixed line-height of 24px to ensure readability and a dense, professional information density.
  • Style primary buttons with sharp 0px border-radius, #800000 background, and white text, avoiding any shadows or rounded corners to maintain a rigid, serious aesthetic.
  • Utilize subtle linear gradients (e.g., rgba(0,0,0,0.6) to transparent) for image overlays to ensure text legibility over media, rather than solid opaque blocks.
  • Keep all shadows at rgba(0,0,0,0) (none) for UI elements; rely on borders and color contrast for hierarchy rather than depth effects.
  • Use noun-based navigational labels (e.g., 'BPI Danantara', 'Indonesia') for buttons and menu items, avoiding verb-heavy or casual phrasing.

Don't

  • Do not use emoji, exclamations, or playful language; the tone must remain strictly formal and matter-of-fact.
  • Avoid rounded corners (border-radius > 0px) on primary buttons and major UI containers; the brand favors sharp, geometric edges.
  • Do not use light mode backgrounds with dark text unless the text color is strictly #0d0d0d or black; avoid gray text for primary content.
  • Never use sans-serif fonts for main headings; reserve Inter for body text and secondary metadata only.
  • Avoid heavy drop shadows or multi-layered depth effects; the design is flat and relies on typographic hierarchy.
  • Do not use title-case for body paragraphs; reserve Title Case exclusively for headings and UI labels.
  • Avoid vibrant, saturated colors other than the specific #800000 and #007aff palette; maintain a limited, conservative color system.
  • Do not use pill-shaped (50px radius) or fully rounded (9999px radius) elements for interactive components; these are reserved for specific decorative tags if at all.

Design Assets

Visual Elements

Design asset
svg1280×284
Design asset
svg1280×320
Design asset
svg360×280
Design asset
svg360×320
Danantara Development Management Fund image
png480×480
Danantara Indonesia
webp148×48
Indonesia
webp512×512
Logo Danantara Indonesia
webp222×72
Wujudkan Solidaritas Kemerdekaan, Antusiasme Masyarakat Himpun Rp2,16 Miliar untuk Warga Terdampak B
webp270×540
Wujudkan Solidaritas Kemerdekaan, Antusiasme Masyarakat Himpun Rp2,16 Miliar untuk Warga Terdampak B
webp1080×585

DESIGN.md

AI-ready

Drop into any project root. Cursor, Claude Code, v0, Lovable, and other AI coding agents read this file to generate on-brand UI. Spec

DESIGN.md not yet generated for this brand.
How to use this file

1. Save this file as DESIGN.md in your project root (sibling to README.md).

2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.

3. Validate or export tokens with the official CLI:

npx @google/design.md lint DESIGN.md
npx @google/design.md export --format tailwind DESIGN.md

Developer Access
cURL
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/danantaraindonesia.co.id \
  -H "x-api-key: ev_your_key"

# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
  -H "x-api-key: ev_your_key"

# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
  -H "x-api-key: ev_your_key"

Extract your own brand kit

Get colors, fonts, voice, and personality from any website in seconds. Open source.