Branding the future.

One dot. Every decision.

Futurise brings clarity, direction, and inventive thinking to moments where brands need to move forward with confidence. The dot at the end of the wordmark — the Core — marks the moment of decision: a brand moving from possibility to confident, future-ready action. Everything in this system radiates from that one point.

Reads as: confident, editorial, systems-minded, premium-but-warm. Sub-brands: Branding · Production · Marketing · With Shivam.

futurise. — all lowercase, custom geometric sans, always with the trailing dot. The dot is the Core: the original sun refined into a single focused point of energy. The wordmark is only ever black or white; the dot stays yellow.

on white

on black · dot stays yellow

on yellow · mono black

sub-brand lockup

STRETCH

RECOLOUR

ROTATE

EFFECTS

LOW CONTRAST

CSS-INVERT — DOT TURNS BLUE

The last one is the classic bug: running filter:invert() on the white logo for dark mode turns the yellow Core blue. Dark surfaces always get the real white variant (fz-wordmark-white.svg) — never a CSS filter.

Primary leads. Every layout anchors in Black, White, or Yellow — the Core yellow is the signal, the highlight, the CTA. Secondary shades support structure and never lead. The accent is for depth and data only. Click any swatch to copy its hex.

Working ratio on a typical surface. Yellow is a signal, not a wall — when a whole surface goes yellow (cards, covers), type on it is black only.

Two grounds. One sun.

The brand runs natively in both modes — this page included (try the dot in the nav). The rule is simple: #FFC20E never changes. Grounds and type swap; the Core stays constant, and on black it glows.

LIGHT — DEFAULT GROUND

Clarity is the luxury.

White ground, black type, yellow signal. Surfaces use off-white #F1F2F2; rules use light grey #E6E7E8.

Start a project

DARK — THE STAGE

The Core becomes the sun.

Pure black ground, white type. Surfaces lift to #141414, rules to #2B2B2E. Yellow gains a glow — the halftone sun is a dark-mode-only device.

Start a project

The circle is the experimental element — focus, decision, momentum. It flexes across layouts, masks, patterns, and motion while staying anchored to one recognisable idea. Consistency through logic, not repetition.

Modular Circle Pattern — circular segments and stadium shapes derived from the Core Point: structured, interconnected thinking. Use as a band or a field, never behind body text. Colours flex across primary + secondary; the shapes never distort.

Never stretched. Never cropped blind.

/* the house technique — fixed height, width follows the NATIVE ratio */
.frame{height:46vh; aspect-ratio:var(--r); width:auto}
.frame img{width:100%; height:100%; object-fit:cover}
<div class="frame" style="--r:1.777">…</div>  /* pass the real ratio */

Confident. Editorial. Never timid.

The brand across every surface it actually ships on. Specs are exact; assets are hosted and stable — link them, don't re-make them.

Avatar · 1024²

White wordmark on black, dot glowing — the official profile picture across IG, LinkedIn, X. Symbol version for tiny placements.

1024 × 1024 · PNG

PNG

LinkedIn banner

Black stage, Core sun right, tagline left. Safe-zone: keep type inside the centre 60% — LinkedIn crops aggressively on mobile.

1584 × 396 · PNG

PNG

Email header

Hosted raster for HTML email — clients can't render SVG. Display at width="600" (file is @2x). Cold outreach is the exception: plain text, bare URLs, no images at all.

1200 × 320 @2x · PNG

PNG

Print — cards & letterhead

Business card: black stock, white wordmark, yellow dot; details on the reverse in Unitea Medium. Letterhead: white, wordmark top-left at 38mm, Core dot as the only colour. Yellow prints C0 M26 Y95 K0 (nearest Pantone 1235 C); always proof the yellow. PDFs embed the OTF sources from the fonts pack — never woff2.

CARD 89 × 51 MM · 350GSM MATTE

18mm padding

PROPOSAL

Everything, built.

21 AUG 2026FZ-P-041FOR ACME & CO

FZ-P-041 · 02/06

● Scope of work

ITEMAMOUNT

Identity system1,80,000

Console build2,40,000

DUE NOW₹4,20,000

FUTURISE · BRAND TO BACKEND. ONE STUDIO.02 / 06

• Cover: full-bleed black. White wordmark top-left (34% page width), doc-type in yellow caps label, Unitea 900 title at 38–44pt with ONE serif-italic yellow word, meta row pinned to the bottom (date · ref · client). Optional Core dot or halftone — never both.
• Content pages: white, 18mm side / 16mm top-bottom padding. Header = small black wordmark + ref/page label right, hairline under it. Sections open with a yellow-dot lead label. Body Unitea 400 at 10pt/1.55; labels 7.5pt caps +8%.
• Tables: hairline #E6E7E8 rows, caps column labels, amounts right-aligned tabular. The total row is the ONE yellow element on the page — solid #FFC20E, black text.
• Footer: positioning line left, "02 / 06" right, both muted label style.
• Fonts: HTML→Chromium PDFs use the brand woff2 via tokens.css (they embed automatically). Raw PDF engines (reportlab/fpdf) embed the OTFs from fz-fonts.zip — never woff2 there.
• Start from the template — don't rebuild the skeleton: /downloads/fz-pdf-template.html, rendered sample at /downloads/fz-pdf-sample.pdf.

# The exact recipe (Chromium is the Futurise PDF engine):
curl -sO https://futurise-brand-system.vercel.app/downloads/fz-pdf-template.html
# fill the {{SLOTS}} in the template, then:
python3 - <<'PY'
from playwright.sync_api import sync_playwright
with sync_playwright() as p:
    b = p.chromium.launch(); pg = b.new_page()
    pg.set_content(open("fz-pdf-template.html").read(), wait_until="networkidle")
    pg.wait_for_function("document.fonts.status === 'loaded'")  # or Helvetica ships
    pg.pdf(path="out.pdf", format="A4", print_background=True,
           margin={"top":"0","bottom":"0","left":"0","right":"0"})
    b.close()
PY

Real CSS, not pictures of CSS — lift these straight into product. Tokens ship in /tokens.css and respond to data-theme automatically. Buttons and chips are capsules — the Core, stretched.

Software is the brand, shipped.

Futurise ships products, not just pages — expense platforms, ledgers, consoles, field PWAs. Every product carries the brand as hard as a deck does. The chassis below is distilled from the shipped portfolio: the console follows BOOKS, the pocket follows VAULT, the gate follows Expense. Learn it once, recognise it in every Futurise product.

Outside the family: personal and family tools may diverge fully (own palettes, own scripts) — and carry no Futurise branding at all. The brand only signs what the studio would sell.

• Two grounds only: black or Core yellow. Corner radius 18.75%; keep the mark inside the maskable safe zone (80%).
• The dot always ships. Letter-tile icons for sub-products are allowed, but the yellow dot must appear — it's the family signature.
• Files: fz-appicon-{black,yellow}.svg + 1024² PNGs in Downloads.

Black top bar carries the lockup left, flat nav centre (≤7 items, no nesting), truth right (sync state + who's signed in). Content max-width 1152. Page head = Unitea ExtraBold title + one plain sentence + at most ONE solid-yellow action. On phones the same nav array becomes the bottom tab bar — one layout file, two bodies.

Every asset, one index. SVGs are source; PNGs rasterise at the width picked in CH 03.