Bima

DESIGN.md

# Bima — Design and Motion Guide

Bima presents an AI automation agency as a precise, futuristic system. A midnight-navy canvas supports luminous violet rings and gradients, while calm white typography keeps the offer, proof, and next action readable. Its motion builds that sense of a machine coming online: the hero artwork and message enter in sequence, then restrained scroll and component transitions explain the work without replacing the content.

## Typography

The primary family is **Plus Jakarta Sans**. Regular-weight display type keeps the layered dark layout from feeling heavy; stronger weights belong to compact card headings. The shipped CSS also supplies Geist, Fragment Mono, and Inter for specific components, so preserve a component's assigned family rather than forcing Plus Jakarta Sans everywhere. Exact specimen letterforms depend on those font files being available to the Library page.

| Element | Font | Desktop |
| --- | --- | --- |
| Page heading | Plus Jakarta Sans | `72px`, weight `400`, line-height `1.2`, tracking `-0.03em` |
| Section heading | Plus Jakarta Sans | `56px`, weight `400`, line-height `1.2`, tracking `-0.03em` |
| Body | Plus Jakarta Sans | `16px`, weight `400`, line-height `1.5`, tracking `0em` |

Unlock the design guide

DESIGN.md is included while an eligible library subscription is active.

About

Bima presents an AI automation agency as a precise, futuristic system. A midnight-navy canvas supports luminous violet rings and gradients, while calm white typography keeps the offer, proof, and next action readable. Its motion builds that sense of a machine coming online: the hero artwork and message enter in sequence, then restrained scroll and component transitions explain the work without replacing the content.