Heliodoron / Type Specimen
Design system · Heliodoron

Five voices, one system.

Three font families across five distinct roles. Emphasis is carried by colour alone — no italics, no stylistic alternates, no axis variation between adjacent letterforms.

Literata · variable Inter · 400/500/600/700 JetBrains Mono · 400/500/600
/ 01 — Display serif

For the biggest moment.

Family
Literata (variable)
Weight
500
opsz
auto (font-optical-sizing)
Range
7..72 (no SOFT axis)
Italic
—
.display · weight 500 · opsz auto
Vertical AI products,
for Indonesian industry.
.section-head h2 · weight 500 · opsz auto
Researching many. Building one.
.contact-email · weight 500 · opsz auto
adityonugroho@heliodoron.com
Used by
.display /500 .section-head h2 /500 .contact-email /500
/ 02 — Editorial serif

For card titles, pullquotes, asides.

Family
Literata (variable)
Weight
400 (text) · 500 (titles)
opsz
auto (font-optical-sizing)
Range
7..72 (no SOFT axis)
Italic
—
.np-card h3 · 26 / 500
Operator dashboards
.callout h3 · 22–28 / 500
Selected for Google Cloud Gen AI Academy APAC 2026 · Cohort 1
.prose h3 · 22–30 / 500
The unit economics, concretely.
.cta-band .visual .v-line · 26 / 400
Researching many.
Building one.
.pullquote p · 20–26 / 400
New vertical every launch. Same stack. Same engineering team.
.cta-band.editorial .editorial-prose · 20–28 / 400

Heliodoron is the direct translation of our founder's Indonesian name, Adityo Nugroho, through the Proto-Indo-European roots that Sanskrit and Greek share.

Used by
.np-card h3 /500 .callout h3 /500 .prose h3 /500 .cta-band .visual .v-line /400 .pullquote p /400 .cta-band.editorial .editorial-prose /400
/ 03 — Body sans

For the reading layer.

Family
Inter
Weight
400 · 600 (strong)
Sizes
15 / 16 / 16.5 / 17 px
Leading
1.55 – 1.7
body, .prose p · 16–16.5 / 400
Heliodoron is an AI studio building vertical AI products for Indonesian industry. The discipline is in the sequencing: research across the Indonesian economy, ship one vertical at a time, go deep enough to build something the industry actually needs, and stay long enough to operate it as a recurring service. Built on Google ADK, AlloyDB AI, and Vertex Gemini.
.section-head .lede · 17 / 400
Heliodoron researches across Indonesian sub-verticals at scale — from private business to 65M UMKM to regulated enterprise.
Used by
body /400 .prose p /400 .section-head .lede /400 .foot-brand p /400 .np-card p /400 strong /600
/ 04 — UI sans

For wordmark, buttons, navigation.

Family
Inter
Weight
400 (nav) · 500 (button) · 700 (brand)
Tracking
−0.035em (brand) · −0.005em (button)
.brand · 700
Heliodoron
.btn · 500
Try NetPulse AI
.nav-links a · 400
Studio How Work Contact
Used by
.brand /700 .btn /500 .nav-links a /400 .section-head .meta a /400
/ 05 — Mono technical labels

For eyebrows, pills, meta strips.

Family
JetBrains Mono
Weight
400 (default) · 500 (eyebrows) · 600 (callout)
Sizes
10.5 – 12.5 px
Tracking
0.14 – 0.18 em (uppercase)
Case
uppercase except pills
.eyebrow · 500
/ 01 — The Studio
.np-card-eyebrow · 400
Step · 01
.callout-eyebrow · 600
Recognition · April 2026
.np-card-pill · 400 · lowercase
field-led one problem shipped in weeks
.cta-band p.meta · 400
Founder-led · Surabaya, East Java · One vertical in build · Many on the research bench
NetPulse AI · Top 100 · Google Cloud Gen AI Academy APAC 2026
.foot-col h5 · 500
Studio · Work · Connect
Used by
.eyebrow /500 .np-card-eyebrow /400 .callout-eyebrow /600 .np-card-pill /400 .np-card-meta /400 .callout-meta span /400 .callout-cta-note /400 .cta-band p.meta /400 .cta-band .visual .v-eyebrow /400 .cta-band .visual .v-meta /400 .contact-meta /400 .foot-col h5 /500