RIVANTरायवंट
Version 2.0.0
How Rivant Media looks, moves and speaks: the logo, colour, type and shapes, the Typst kit behind all 27 of our documents, and an MCP server that hands all of it to Claude or ChatGPT.
/api/mcpFive logos, each in paper for dark grounds and void for light ones. Pick the one the space asks for, and give it room.
Guides
The full logo holds up down to 120px wide on screen and 30mm in print. Any smaller and the tagline closes up. Drag it down and watch.
At or above the minimum: it reads.
The files are right as they are. Use them in their own colours, on a ground they stand out from, with room around them.
Use the files as supplied, in paper on dark grounds or void on light grounds.
Use the legal logos on anything with legal or financial weight: letterheads, invoices, agreements, seals.
Give the logo its clear space and keep it above its minimum size.
Each example breaks one rule. Hover over one, or tap it, to see it put right.
Don't stretch, squash, rotate or skew it.
Don't recolour it, add gradients, or put it in any colour but paper or void.
Don't add shadows, glows, outlines or other effects.
Don't rebuild the wordmark in another font or move the arrow.
Don't set it on busy imagery without a dark or light scrim.
Use the square full logo for profile pictures, name and tagline included, so the mark builds recognition. Don't crop it, or let it overflow a profile picture's circle.
Do: Square full logo, paper on void
Don't: The logomark alone
Don't: Inverted
Don't: Cropped
Don't: Overflowing the circle
Use the square full logo, name and tagline included, in paper on a void circle. Not the logomark alone, not inverted, not cropped or overflowing the circle.
The palette is monochrome by design: nine greys from void to paper. Contrast comes from weight and light, never from hue.
Press a grey to copy it. Its spec, in every format, opens below.
Primary text, the logo on dark grounds, and light grounds.
As type on void18.4:1AAA for body text
As type on paper1.00:1Too faint for type
Type needs 4.5:1 against its ground, or 3:1 when it's large. Every grey against every other, measured to WCAG 2.2.
Text
Ground
Pairs in use
WCAG 2.2
Mist on Void
8.18:1
We build brands, websites and campaigns.
Body text at 16px. Large text is 24px, or 18.66px bold; interface parts and graphics need 3:1.
| Text grey | Void | Carbon | Graphite | Slate | Smoke | Ash | Mist | Bone | Paper |
|---|---|---|---|---|---|---|---|---|---|
| Void | 1:1Same | 1.0Fails | 1.1Fails | 1.3Fails | 2.1Fails | 5.7AA | 8.2AAA | 13.7AAA | 18.4AAA |
| Carbon | 1.0Fails | 1:1Same | 1.1Fails | 1.2Fails | 2.0Fails | 5.5AA | 7.8AAA | 13.1AAA | 17.6AAA |
| Graphite | 1.1Fails | 1.1Fails | 1:1Same | 1.1Fails | 1.9Fails | 5.2AA | 7.5AAA | 12.5AAA | 16.7AAA |
| Slate | 1.3Fails | 1.2Fails | 1.1Fails | 1:1Same | 1.7Fails | 4.5AA | 6.5AA | 10.9AAA | 14.7AAA |
| Smoke | 2.1Fails | 2.0Fails | 1.9Fails | 1.7Fails | 1:1Same | 2.7Fails | 3.9Large | 6.5AA | 8.7AAA |
| Ash | 5.7AA | 5.5AA | 5.2AA | 4.5AA | 2.7Fails | 1:1Same | 1.4Fails | 2.4Fails | 3.2Large |
| Mist | 8.2AAA | 7.8AAA | 7.5AAA | 6.5AA | 3.9Large | 1.4Fails | 1:1Same | 1.7Fails | 2.3Fails |
| Bone | 13.7AAA | 13.1AAA | 12.5AAA | 10.9AAA | 6.5AA | 2.4Fails | 1.7Fails | 1:1Same | 1.3Fails |
| Paper | 18.4AAA | 17.6AAA | 16.7AAA | 14.7AAA | 8.7AAA | 3.2Large | 2.3Fails | 1.3Fails | 1:1Same |
Gradients in illustration and print need finer steps than the nine. These fifteen run from void to paper in even steps of perceived lightness.
#0B0B0B to #F7F7F7, in even steps of lightness.
Copy it into code, or download it as a file your design app opens as swatches.
/* Rivant Media branding 2.0.0: the palette */
:root {
--color-void: #0B0B0B; /* The page ground, and the ink of the logo on light grounds. */
--color-carbon: #111111; /* Raised grounds: bands and panels one step off the page. */
--color-graphite: #171717; /* Cards and the inner shell of framed media. */
--color-slate: #232323; /* Hairlines, rules and the brand grid. */
--color-smoke: #474747; /* Rings, underlines and quiet strokes. */
--color-ash: #8A8A8A; /* Labels, numerals and meta text. */
--color-mist: #A7A7A7; /* Secondary text and the light half of weight-contrast headings. */
--color-bone: #D7D7D7; /* Body text on dark grounds. */
--color-paper: #F7F7F7; /* Primary text, the logo on dark grounds, and light grounds. */
}
For design apps
Adobe swatches
Illustrator, Photoshop and InDesign. The nine greys and the fifteen-step ramp, as two groups.
GIMP palette
GIMP, Inkscape and Krita, and Figma through a palette plugin.
Montserrat speaks, Inter explains, Blackout whispers in the background. The voice is the contrast between extrabold and extralight italic.
Heading font
Body font
Rivant Media is a design and marketing agency. We are the creative minds that take your campaign to the next level.
Rivant Media is a design and marketing agency. We are the creative minds that take your campaign to the next level.
Rivant Media is a design and marketing agency. We are the creative minds that take your campaign to the next level.
Rivant Media is a design and marketing agency. We are the creative minds that take your campaign to the next level.
INV/2026-27/000112 September 20261,23,456.00
Style font
Hindi wordmark
RIVANT रायवंट
One heading, two weights far apart. The heavy words carry the name; the light ones, in italic and a step back in mist, carry the rest.
Branding Rivant Media
Do: ExtraBold leads, ExtraLight Italic in mist follows.
Don't: One weight throughout: nothing leads.
Don't: Too close: SemiBold against Regular.
Don't: Reversed: the light words lead a one-line heading.
Only the weights in use are on the slider, so whatever you set here is on brand. Copy CSS takes it with you.
Montserrat ExtraBold, 72px
Five steps, each fluid between a floor and a ceiling, so type grows with the screen without jumping at breakpoints.
text-hero149.8px
The home page's headline.
clamp(3rem, 10.4vw, 11rem)
leading 0.86 · tracking -0.045em
text-display100.8px
Page titles and section headings.
clamp(2.6rem, 7vw, 7rem)
leading 0.92 · tracking -0.035em
text-title49px
Card and sub-section titles.
clamp(1.75rem, 3.4vw, 3.25rem)
leading 1.05 · tracking -0.02em
text-lead19.4px
Intro paragraphs.
clamp(1.125rem, 1.35vw, 1.4rem)
leading 1.55 · tracking 0
Rivant Media is a design and marketing agency. We are the creative minds that take your campaign to the next level.
text-eyebrow11px
Uppercase labels above lists and fields.
0.6875rem
leading 1 · tracking 0.22em
Montserrat for the headings, Inter for the text beneath them: the five pairings the site is built from, and where each one goes.
We build brands, websites and campaigns.
Rivant Media is a design and marketing agency. We are the creative minds that take your campaign to the next level.
Montserrat ExtraBoldwith Inter RegularPage and section headings over their lead paragraph.
We build brands, websites and campaigns.
Rivant Media is a design and marketing agency. We are the creative minds that take your campaign to the next level.
Montserrat ExtraLight Italicwith Inter RegularThe light half of a heading, and the numerals of the About page's index.
We build brands, websites and campaigns.
Rivant Media is a design and marketing agency. We are the creative minds that take your campaign to the next level.
Montserrat Lightwith Inter RegularLarge statements that brighten as they're read, like the vision.
We build brands, websites and campaigns.
Rivant Media is a design and marketing agency. We are the creative minds that take your campaign to the next level.
Montserrat Regularwith Inter RegularTitles in an index, like What we do on the About page, each with a line of copy.
We build brands, websites and campaigns.
Rivant Media is a design and marketing agency. We are the creative minds that take your campaign to the next level.
Inter SemiBoldwith Inter RegularSmall uppercase labels over their values, in lists, forms and documents.
Every face is under the SIL Open Font License, free to use in print and on screen.
Montserrat
Heading font · SIL Open Font License 1.1
Inter
Body font · SIL Open Font License 1.1
Blackout
Style font · SIL Open Font License 1.1
Rivant Devanagari रायवंट
Hindi wordmark · SIL Open Font License 1.1 (subset of Poppins)
Six abstract forms in greyscale gradients. They frame the work and lead the eye; they never stand for anything.
Shape 02 of 06
Do
Don't
Shapes are art: they frame, lead the eye and fill space. They never stand for an idea or replace an icon.
Do
Don't
Keep them greyscale, and dimmer than the content they sit behind.
Do
Don't
Crop them off the edge of a layout rather than floating them whole in the middle.
Drift and turn, in one piece
In motion they drift slower than the page (parallax) and turn slowly; they never bounce or morph.
The thin square grid sits behind everything we make. Watermarks mark what is a draft and what stays inside.
The thin square grid sits behind headers and hero areas, faded out toward the edges. Slate lines on dark grounds, bone lines on light ones.
The watermark rows on the home page are drawn as if in chalk on a slate board: a fine tooth, streaks from the side of the stick, and patches where it went on lightly. It is the brand’s one texture, and it is made by hand, not by a filter over the finished type.
The tile, 480 × 480
Laid over the whole piece, never a corner of it, so it can’t be cropped out. Draft goes on anything shared for review; internal on anything that stays in the studio.
Anything shared before it's approved. Alternating DRAFT and RIVANT rows. Use the dark file on dark grounds.
Internal content that mustn't circulate. Offset RIVANT rows. Use the dark file on dark grounds.
Two curves and a handful of durations. Everything that moves shows where something came from or what to look at.
Time runs left to right and position bottom to top; the dashed diagonal is linear. Both curves are slowed to the same pace here so the shape is all that differs.
cubic-bezier(0.16, 1, 0.3, 1)Entrances, reveals and anything arriving on screen.cubic-bezier(0.32, 0.72, 0, 1)Interaction: hovers, presses, magnetic pulls.Four lengths of time cover everything. The bars start together and each fills in exactly its own duration.
300msHover
500msInteraction
1100msReveal
1400msStroke
Every movement has a reason: it shows where something came from, what changed, or what to look at.
Animate transform and opacity only, so motion stays smooth on phones.
Bring the pointer near. The dashed outline is its place in the layout, which never moves.With a mouse it leans toward the pointer; the dashed outline is its place in the layout, which never moves.
Scroll drives the page: type brightens as it is read, shapes drift in parallax, rules draw as sections arrive.
Type brightens word by word as it is read.
Shapes keep their form. Nothing squashes, bounces or morphs.
Shapes may
drift, turn, fade
Never
squash, bounce, morph
With reduced motion on, everything is simply there.
Switch it on to see this chapter the way it looks with reduced motion.
Your device setting: no preference
The curves and durations as code, for a stylesheet, a Tailwind theme or an animation library.
:root {
/* Entrances, reveals and anything arriving on screen. */
--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
/* Interaction: hovers, presses, magnetic pulls. */
--ease-spring: cubic-bezier(0.32, 0.72, 0, 1);
--duration-hover: 300ms;
--duration-interaction: 500ms;
--duration-reveal: 1100ms;
--duration-stroke: 1400ms;
}Plain, specific and calm. We say what we do in the words our clients use.
Say what we do in the words a client would use. Short sentences, active voice.
Name the work, the outcome and the number. Specifics are what make a claim believable.
Confident, never loud. No exclamation marks, no hype.
Each of these could describe any agency, so they tell a client nothing about us. Say what the work is instead.
Checks against the list above, and for exclamation marks.
Three phrases to cut: “elevate”, “take it to new heights”, “cutting-edge”.
Each pair opens on the cliché and rewrites itself as it comes into view. Swap back to compare.
Instead of “We elevate your brand to new heights with cutting-edge creativity.”, write “We are the creative minds that take your campaign to the next level.”
Instead of “We deliver seamless, world-class digital experiences.”, write “We build brands, websites and campaigns.”
Instead of “Exciting news! Your invoice is ready!”, write “Your invoice is attached. It's due on 30 September.”
Write the name as “Rivant Media” in prose; “RIVANT” only in the logo and wordmark.
Rivant Media
RIVANT MEDIARivant mediaRIVANT Media
On documents, the company is “Rivant Media Solutions Private Limited”.
Rivant Media Solutions Private Limited
Rivant Media Solutions Pvt. Ltd.
hello@rivant.in is for sales and enquiries; contact@rivant.in is for legal and company matters.
Phone numbers are grouped as +91 8080 497810.
+91808049781008080497810+91-8080497810
Dates are written 12 September 2026; in tables, 12 Sep 2026.
Money is in rupees with Indian grouping: ₹1,23,456.00, and the amount in words on invoices.
Headings are in sentence case.
Rivant Media branding
Rivant Media Branding
Every document the company issues, from invoices to payslips, comes from one Typst kit, so they all share a letterhead, a grid and a voice.
One format for everything the company puts its name to. Read the rules and the sample shows where each one lives.
Sample tax invoice, page 1 of 2
A4 portrait, 20mm margins at the sides, 18mm top and bottom.
Page one: the legal logo left; registration (CIN, PAN, GSTIN when registered) and contact right; a slate rule below. Later pages: the logomark and the reference number.
The compact header runs throughout on internal memo, circular, meeting minutes and expense voucher.
The financial year runs April to March (2026-27). Each document type keeps its own sequence, restarting at 0001 each year. At most 16 characters, as GST requires of invoice numbers.
Written {code}/{fy}/{seq}. Make one below.
Rupees with Indian grouping (₹1,23,456.00). Invoices add the amount in words.
Never invent figures, registrations (GSTIN), bank details, salaries or signatures. Ask for them, or leave a clearly marked blank.
Inter 10pt on 1.5 leading for text; Montserrat for titles and figures that lead.
For and on behalf of the company, the signatory's name and title, and space for the company seal.
Every page: the registered office, contact@rivant.in, and "Page n of N".
Void on white, with smoke for small labels (ash is too faint for small print) and slate hairlines. No other colour.
Every document is numbered: company, document type, financial year and sequence. Make the next one here.
27 templates in five groups. Each one sets its own data block on the shared letterhead, so an invoice and a payslip come out of the same system.
6 documents
Reference code QT
Full letterhead
Prices for a defined scope, with validity, taxes and terms.
Reference code PI
Full letterhead
A bill in advance of the work, for approval or deposit.
Reference code INV
Full letterhead
The GST invoice: line items with SAC codes, CGST and SGST or IGST, totals and the amount in words.
Reference code RCT
Full letterhead
Confirms a payment received, against its invoice.
Reference code CN
Full letterhead
Reduces an invoice: a refund, discount or correction.
Reference code PO
Full letterhead
What we are buying from a vendor, at what price.
4 documents
Reference code PRP
Full letterhead
The pitch: the problem, our approach, deliverables, timeline and fees.
Reference code SOW
Full letterhead
The agreed scope: deliverables, milestones, acceptance and payment schedule.
Reference code AGR
Full letterhead
The contract for ongoing or project work, clause by clause.
Reference code NDA
Full letterhead
Mutual confidentiality before work or talks begin.
5 documents
Reference code LTR
Full letterhead
Any formal letter to a client, vendor or authority.
Reference code MEM
Compact header
A note to the team: to, from, subject, and the point.
Reference code NTC
Full letterhead
A formal notice to a named party: payment due, termination, change of terms.
Reference code CIR
Compact header
An announcement to everyone: policies, holidays, office news.
Reference code PR
Full letterhead
News for the media, with the boilerplate and contact.
9 documents
Reference code OFR
Full letterhead
The offer: role, start date, compensation (CTC) and the terms to accept.
Reference code APT
Full letterhead
Confirms employment on joining, with the salary structure and terms.
Reference code PAY
Full letterhead
Monthly pay: earnings, deductions (PF, ESI, professional tax, TDS), net pay.
Reference code SAL
Full letterhead
Certifies an employee's pay, for a bank or embassy.
Reference code EXP
Full letterhead
Certifies the role and tenure of someone who worked here.
Reference code REL
Full letterhead
Confirms a resignation was accepted and the employee is relieved.
Reference code ICT
Full letterhead
Certifies an internship: dates, team and work done.
Reference code WRN
Full letterhead
A formal warning: the issue, what is expected, and what follows.
Reference code TRM
Full letterhead
Ends employment: the reason, last working day and final settlement.
3 documents
Reference code MOM
Compact header
Who met, what was decided, and the actions with owners and dates.
Reference code BR
Full letterhead
A certified true copy of a resolution passed by the board.
Reference code EXV
Compact header
Records an expense or reimbursement, with approvals.
Typst is a typesetting language with a free web editor. The kit holds the letterhead, the templates and the fonts; you bring the details.
The shared library, every template, fonts and logos, ready to upload to Typst.app.
Sign in at typst.app and start an empty project. One project can hold every document you make.
Unzip it and drag everything into the project's file panel, folders and all, then delete the empty main.typ the project started with. Typst.app picks up the fonts from the project, so the documents set in Montserrat and Inter there too.
Open the template for the document you need, templates/tax-invoice.typ for an invoice, and click the eye icon beside it in the file panel, so the preview and the export show it. It imports rivant.typ, which draws the letterhead, the footer and the tables.
Each template opens with the document's data: reference, date, parties, lines and figures. Replace the sample values. What you don't know yet stays blank, never a guess.
#let data = ( // true while the invoice is still being checked: prints the DRAFT // watermark. Set false for the copy you send. draft: false, // Invoice number: the next one in the tax invoice register for this // financial year (none prints a blank). Never skip or reuse a number; // a cancelled invoice keeps its number in the register. seq: 14, // Date of issue, YYYY-MM-DD. date: "2026-09-01", // Payment due date: 15 days after the date of issue unless agreed // otherwise. due: "2026-09-16", // What the invoice is for, set light after the title. subject: "for August 2026", // "Original for recipient" for the client, "Duplicate for supplier" // for our file. copy: "Original for recipient", // Our GSTIN, from the GST registration certificate. It must be on every // tax invoice; none prints a blank. Never type one from memory. gstin: none, // The recipient.The preview updates as you type. When it reads right, export it as a PDF and send that, never the source.
Install Typst (brew install typst, or from its GitHub releases), unzip the kit, and compile from its folder. --root . lets the templates reach rivant.typ, one folder up. Swap compile for watch to rebuild the PDF on every save.
typst compile --root . --font-path fonts templates/tax-invoice.typEvery document is made with Typst from this kit, never in a word processor, so they all come out the same.
Never invent figures, registrations (GSTIN), bank details, salaries or signatures. Ask for them, or leave a clearly marked blank.
Connect the brand to your assistant. It can read these guidelines, fetch any asset in any format and write documents in Typst from our templates.
https://rivant.in/api/mcp
The assistant reads the guidelines, fetches assets and fills in document templates through the server, so what comes back is on brand.
Pick one to see what the assistant does with it, or copy it to ask your own.
An illustration of the calls, not a live session.
About a minute in each. The address is the same everywhere, and there is nothing to sign in to.
A connector added on claude.ai appears in Claude Desktop too. On Team and Enterprise plans an owner may need to add it for the organisation first.
Add it from a terminal:
claude mcp add --transport http rivant-brand https://rivant.in/api/mcpThen run /mcp in a session to check it is connected. Add --scope user to have it in every project.
Developer mode depends on your plan, and in a workspace an admin may have to allow it. The server also offers the search and fetch tools that ChatGPT connectors and deep research look for.
Cursor and most MCP clients take an entry like this in their MCP settings. VS Code names the key servers and wants "type": "http" beside the address.
{ "mcpServers": { "rivant-brand": { "url": "https://rivant.in/api/mcp" } }}Bridge it with mcp-remote, which runs on your machine and passes everything to the address.
{ "mcpServers": { "rivant-brand": { "command": "npx", "args": [ "-y", "mcp-remote", "https://rivant.in/api/mcp" ] } }}The server offers 10 tools. The assistant picks them for you; you only ask.
get_brand_guidelines
The guidelines as text: logo, colour, type, shapes, social, motion, voice, documents.
list_brand_assets
Every logo, shape, pattern and watermark, with its formats and links.
get_brand_asset
One asset as SVG, PNG, JPG or WebP, at any size, on any brand ground.
get_colour_palette
The palette as HEX, RGB, HSL, CMYK, CSS variables or Tailwind tokens.
list_document_types
Every document the company issues, with its reference code and letterhead.
get_document_template
The Typst template for a document type, and how to fill it in.
get_typst_kit
The shared Typst library, fonts and logos, and how to set them up on Typst.app.
make_reference_number
The next reference number for a document, in the company's format.
search
Searches the guidelines, assets and templates (for ChatGPT connectors).
fetch
Fetches one search result in full (for ChatGPT connectors).
Ask for an invoice, a letter or a payslip and the assistant returns the template filled in as Typst source, with its reference number and a marked blank for anything it wasn't told. It doesn't make the PDF: open the source on Typst.app with the kit, check it, and export it there.
How to use Typst.appEvery file on this page, on its own or in packs.
One zip for each part of the brand, or one for all of it.
The abstract shapes, the grid and the watermarks, in SVG and PNG.
Download .zip: Shapes and patternsThe shared library, every template, fonts and logos, ready to upload to Typst.app.
Download .zip: Typst document kitEach file on its own: the SVG as drawn, or a PNG, JPG or WebP at the size and on the ground you need.
24 assets
The fonts are free to use under the SIL Open Font License, and the fonts pack carries each one's licence. The logos, shapes and name are the company's: use them to refer to Rivant Media, as this page shows, and ask before using them anywhere else.
contact@rivant.in: ask about using the marks
Social media
Profile pictures, headers and the watermark every post carries, measured to the pixel.
Profile picture
Use the square full logo, name and tagline included, in paper on a void circle. Not the logomark alone, not inverted, not cropped or overflowing the circle.
The name and tagline are hard to read at the smallest sizes. They stay anyway: seen beside the mark every time, they teach people what the mark means.
At the sizes it’s seen
Watermark on every post
The logomark sits in the top right corner of every post: 120 × 74px, 74px from the top and 60px from the right on content 1080px wide, whatever its height.
The watermark file: the logomark in paper.
Header without a logo
Headers use the grid and the brand shapes in greyscale, with no logo or copy: the profile picture carries the name.