the story · brand narrative · 2026

astrolabs.

The operating system for a one-person studio building things that matter.

documentthe story
versionv01.0 · 2026
subjectastrolabs studio
taglinedesign. motion. systems.
domainastrolabs.site
modedark · primary
maintainerm. miftahus
01 / 05

Brand essence.

who we are · what we stand for

Astrolabs is a creative lab for modern digital experiences — a one-person studio working at the intersection of design, motion, and systems. We build things that matter, with craft, clarity, and speed.

trait · 01
Minimalist
trait · 02
Experimental
trait · 03
Technical
trait · 04
Creative
trait · 05
Modern
trait · 06
Precise
+
pillar · 01

Design.

Interfaces that prioritize clarity and usability — from quick wireframes to polished, production-ready screens. Craft is non-negotiable.

pillar · 02

Motion.

Every transition has a job. Movement is precise, restrained, and meaningful — never decoration. Animation is a design tool, not a flourish.

pillar · 03

Systems.

Scalable backends, REST APIs, and design systems that make the whole stack feel like one product. The plumbing is the polish.

02 / 05

The mark.

six directions · symbol + wordmark
astrolabs.
A · Orbitprimary
B · Reticleprecise
C · Brackettechnical
D · Modulesystems
E · Asterismcreative
F · Apertureexperimental
astrolabs
design · motion · systems
horizontal · w/ taglinemain
astrolabs
creative · lab
stackedprofile
avatar · 1:1
monogramavatar
03 / 05

Color system.

dark-first · 4 core tokens · 1 accent
01 · obsidian
Obsidian
#0A0B0A
primary background
02 · slate
Slate
#101210
surface · cards
03 · mint
Mint
#00FF88
accent · sole highlight
04 · paper
Paper
#EEF0EC
primary text · inverse bg
usage ratio · proportionalobsidian → slate → paper → mint
60 · obsidian
20 · slate
15 · paper
5 · mint
↳ accent is rare on purpose. one mint moment per surface.
// semantic rule

Mint is reserved for live state — active links, focus rings, the trailing dot in the wordmark, and CTAs. It signals motion. It never becomes background, never fills paragraphs, never decorates.

04 / 05

Typography.

space grotesk · jetbrains mono
displaySPACE GROTESK · 700
astrolabs.
84–128 px · tracking −0.045em
h1SPACE GROTESK · 600
A one-person studio
building things that matter.
48–56 px · tracking −0.035em
h2SPACE GROTESK · 500
Selected work, services, contact.
28–34 px · tracking −0.020em
bodySPACE GROTESK · 400
Astrolabs is where ideas become products. I design and build web applications, interfaces, and digital experiences.
16–18 px · line-height 1.55
technicalJETBRAINS MONO · 500
// experimental studio · v2026
11–13 px · tracking +0.18em · UPPERCASE
05 / 05

Voice & tone.

lowercase · direct · terminal-as-poetry

Write like a terminal prompt: short, declarative, lowercase. Mono labels feel like commands; display copy feels like answers. Confidence without volume.

do use

  • lowercase eyebrows in mono.// experimental studio
  • Sentence-case headlines, single-period endings.A one-person studio building things that matter.
  • Action verbs first.build · design · ship · iterate
  • Trailing dots as identity.astrolabs. · design. motion. systems.

don't avoid

  • Title Case Headlines That Look Like A SaaS Pitch.It collapses the lowercase rhythm.
  • Marketing adjectives — "innovative", "cutting-edge".Show, don't claim.
  • Exclamation marks and em-dashes everywhere.Use them once, on purpose, or never.
  • Emoji in product copy.Geometric symbols only.
build
verb · we
ship
verb · we
craft
noun · core
clarity
noun · core
speed
noun · core
studio
noun · self
lab
noun · self
system
noun · output
interface
noun · output
experiment
verb · how
precise
adj · trait
modern
adj · trait
the person behind the studio
m. miftahus

m. miftahus

founder · designer & engineer
locationbwx · indonesia
studioastrolabs · 2026
focusproduct design · full-stack
contactmiftah702@gmail.com

I started Astrolabs as a way to work on the things I care about — interfaces that feel precise, systems that hold up, and motion that means something.

I design and build across the full stack: from early wireframes and component libraries to REST APIs and deployment. One person, one studio, no overhead — just craft and speed.

expertise
Design
Graphic · UI · UX · component systems
Motion
micro-interactions · SVG · CSS
Frontend
React · Next.js · TypeScript
Backend
Node · REST · databases
ready to build

Let's make
something
precise.

If you have an idea, a product, or a problem worth solving — this is where we start.

view projectsget in touch
astrolabs / the storymaintainer · m. miftahus© 2026 astrolabs studio