A quiet design language for evidence-first work.
Nova is the design language behind every external-facing Globalion product — Assistant, Research, cmplihr, Medha Verse. Its job is to make our work read as careful, credible, and calm. This page names the pieces: the palette, the type, the wordmark, the voice, the components. Everything you need to make a page, a slide, an email, or a pitch feel like it belongs.
Principles
Five ideas the rest of this document falls out of. If you have to make a call the guide doesn't cover, resolve it against these.
Editorial before decorative
Treat the reader as an adult. Prose should carry the argument; graphics should aid comprehension, not carry it.
Evidence, not enthusiasm
Cite what you claim. Hedge honestly. Numbers earn their place by being precise. Do not oversell.
Quiet contrast
One warm accent — terracotta — against a warm-neutral ground. Colour marks what matters. Everything else is monochrome.
Sanskrit as a first-class script
Devanagari and IAST diacritics are set with the right typeface, not shoehorned. The tradition is not decoration.
Sharpness at the edges
Small radii, hairline rules, restrained motion. The system is elegant because it is under-featured.
Palette
Nova's palette is warm-neutral by design. The dark ground is a deep coal — never black, never blue-shifted; the light ground is bone — never white, never grey. The single accent is terracotta: cooler than clay, warmer than rust. A small set of semantic colours (warn, danger, sage) supports state. Nothing else.
Typography
Four typefaces, each with a specific job. All four are free, all four are on Google Fonts, none require licensing. Together they give us editorial prose, technical labels, numeric annotations, and Sanskrit script — the full surface area of Globalion's writing.
Wordmark
The Nova wordmark is a set piece of typography, not a shape: lowercase nova in JetBrains Mono medium with a solid cursor block sitting at the baseline. The cursor is always terracotta, always the same proportion of the letter height, always immediately after the "a" with no space. That is the whole rule.
- Case. Always lowercase. Do not title-case, do not upper-case, do not spell it "NOVA".
- Cursor. Always terracotta. Height ≈ 75% of the x-height; width ≈ 42% of the x-height. Solid block, no outline.
- Spacing. Cursor immediately follows the "a" with a hair of breathing space (≈ 0.08em). Never leave a gap.
- Clear space. One "n" width on every side. Do not crowd with other type.
- Do not. Rotate. Outline. Fill the cursor with a photograph. Animate the letters. Replace the block with an emoji. Add "™" or "®" after it — the wordmark carries no marks.
Iconography
Icons are single-stroke line drawings on a square grid — 24×24 or 32×32. Stroke 1.5, caps and joins rounded, no fills. The accent lights the whole icon; there is no secondary colour. Existing Globalion motifs — the flame (Jyoti), the brain-wave (Silent Mind), the split (Post-UI), the graph (Data Mesh) — set the standard.
Layout & grid
- Editorial column. 760 px max width for prose. Break wider only for full-width figures that genuinely need it (gantt, data-mesh graph).
- Vertical rhythm. Sections separated by an
h2above (margin-top 48 px) and a dashed or solid hairline where a real break is needed. - Figures. Boxed with 1 px hairline, 12 px radius, 24 px padding. Centered caption in muted 12 px below.
- Radii. 6–12 px on components; 4 px on inline chips and buttons. Never square (0 px) and never pill (999 px) except for the tag chip.
- Header. Sticky, semi-transparent with backdrop-blur, hairline base border. Contains the brand mark, section nav, and theme switch — nothing else.
Motion
Motion is used to name three things: a living process, a state change, a moment of reveal. Never used for its own sake. All animations should honour prefers-reduced-motion.
- Slow. Nothing under 400 ms. Most between 1.6 and 3 seconds.
- Curved.
ease-in-outor a soft cubic-bezier. Linear only for continuous traces. - Silent. No sound. No emojis. No confetti.
- Purposeful. If a decoration would work as a still image, make it still.
Voice & tone
Nova voice is editorial. Read a Globalion page aloud and it should sound like a Nature perspective piece or a long-form essay in The Atlantic — not a landing page.
Use
- British spelling — colour, analyse, behaviour, favour
- Em dashes to lead a clause — like this — sparingly
- Numerals for evidence: "51 RCTs", "US$1 trillion/year"
- IAST diacritics for Sanskrit: Mahāmṛtyuñjaya, not Mahamrityunjaya
- Devanagari where a devotional register is called for
- Hedge words: largely, modest, plausible, preliminary
- Named authors and dates: "Bernardi et al. 2001 (BMJ)"
- The Oxford comma. Always.
Do not use
- revolutionary
- breakthrough
- disruptive
- cutting-edge
- next-generation
- world-class · best-in-class
- seamless
- game-changer
- synergy · leverage · unlock
- proprietary blend · secret sauce
- !! · !!! · 🚀 · 🔥
Structure of a page
Every long-form Globalion page has roughly the same skeleton. Keep to it and pages feel like a portfolio; break from it and pages feel bespoke.
- Eyebrow. Small caps, terracotta, section number or category. One line.
- Headline. Serif h1 with a period at the end. Never a question, never a slogan.
- Byline. Italic subtitle in muted grey — what kind of document this is.
- Lede. Serif 20 px, sets the argument in one paragraph. Never more than 60 words.
- Figure. First visual anchor — animation or diagram — establishes the mental model.
- Sections. h2 above each. Every section stands as its own claim.
- Divider + Next. Close with a hairline and a "Next → 0X" pointer to the next document in the sequence.
Components
The library is small on purpose. If you find yourself building a new component to solve a problem, first try to solve it with two components already here.
<!-- Eyebrow → h1 → byline → lede -->
<div class="eyebrow">01 · Wellbeing science</div>
<h1>The Healing Mantra.</h1>
<p class="byline"><em>A closed-loop… companion</em> · Research proposal</p>
<p class="lede">A tradition older than clinical medicine…</p>
<div class="callout">The claim of the tradition is that…</div>
Meditation apps today
Our approach
<div class="compare"> <div class="col">…</div> <div class="col ours">…</div></div>
Editorial before decorative
Treat the reader as an adult. Prose carries the argument.
Evidence, not enthusiasm
Cite what you claim. Hedge honestly. Numbers earn their place.
<div class="kicker"> <div class="card"><div class="num">01</div><h4>…</h4><p>…</p></div></div>
<div class="theme-switch"> <button data-theme-set="light">☀</button> <button data-theme-set="system">◐</button> <button data-theme-set="dark">☾</button></div>
Downloads
Everything you need to build a Nova-consistent page is a copy-paste away. The system is 240 lines of CSS and 30 lines of JavaScript.
Applying Nova elsewhere
Every Globalion property should feel like the same organisation wrote it. Adopt this system by dropping style.css and theme.js into the site, using the primitives (.eyebrow, .lede, .callout, .fig, .compare, .kicker), and using the wordmark unmodified. If a property needs a component that isn't here — add it to the guide first, then ship it. That way the system stays coherent and every future property benefits.
Colophon
Nova was designed in 2026 for Globalion Technology Solutions Private Limited. Palette drawn from oklch space for perceptual uniformity. Typography set entirely in freely-licensed faces from Google Fonts. Reference implementations at research.regiq.in, assistant.regiq.in, and adjacent properties. Repository: github.com/globalion/brand-regiq.