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.”
Color Palette
Colors
Light Mode
Dark Mode
Typography
Fonts
__Inter_999373
__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
serif, ui-serif, Georgia, Cambria, Times New Roman, Times, serif
__Inter_999373
__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
The quick brown fox
16pxThe quick brown fox
48pxThe quick brown fox
38pxThe quick brown fox
16pxThe quick brown fox
16pxComponents
Design System
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
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
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
linear-gradient(rgb(110, 148, 174), rgba(0, 0, 0, 0))...
linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0))...
linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0))...
linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0))...
linear-gradient(to top, rgb(12, 12, 12), rgba(0, 0, 0, 0))...
linear-gradient(rgb(76, 134, 180), rgba(0, 0, 0, 0))...
Voice & Tone
Personality
Visual Energy
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
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
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
# 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.





