One brand, every surface.
Green on near-black, sampled from the live JembatanAI stylesheet. The CLI, the product UIs, the web panels and this site read the same tokens.
| Token | Dark | Light |
|---|---|---|
bg.base | #090d0c | #f4f7f6 |
bg.surface | #0e1412 | #fbfcfc |
bg.inset | #060908 | #ebf0ee |
border | #27342f | #c8d3ce |
border.subtle | #1b2521 | #dbe3e0 |
text.primary | #edf3f0 | #0b1311 |
text.secondary | #a8b6b0 | #3c4a45 |
text.muted | #8a9892 | #56645f |
brand.green | #19eca0 | #03744f |
brand.green.dim | #08945f | #0cc987 |
brand.green.glow | #a6ffe0 | #19eca0 |
success | #19eca0 | #03744f |
warning | #f2c46d | #8a5300 |
error | #ff8a80 | #b42318 |
info | #9cc4ff | #2c5aa8 |
bg.elevated | #131a18 | #eaf0ee |
brand.fill | #19eca0 | #19eca0 |
brand.fill.hover | #46f0b3 | #12d892 |
On a light ground the bright green is a fill, never text. This site follows your system: dark by default, light or high contrast when your system asks.
Type, shape and motion
Words are Plus Jakarta Sans. Code and numerals are JetBrains Mono. Both are self-hosted under the SIL Open Font License. One radius scale: small, medium for controls, large for cards, extra large for panels, pill for chips. Motion uses transform and opacity only and stops under reduced motion.