---
title: "Style guide"
url: https://tatvaone.ai/styleguide/
date: 2026-10-02
modified: 2026-10-07
lang: en
author: "lineesh.kumar"
description: "TatvaOne.AI brand tokens and components."
word_count: 189
---

# Style guide

Style guide
# Tokens and components
From Brand Guidelines v1.1. One brand color: TatvaOne Indigo.

### Color

### Type

Hero · Plus Jakarta Sans 800 · 56/64Clarity at the core
H1 · 700 · 44/52Heading one
H2 · 700 · 32/40
## Heading two

H3 · 700 · 22/30
### Heading three

Eyebrow · Inter 600 · 13/16Eyebrow label
Body · Inter 400 · 16/26Lead with the outcome, prove it with a number and its source, give the next step.

### Buttons (exact wording)

[Book a Demo](%%TATVA_URL:#demo%%)[Talk to a specialist](%%TATVA_URL:#demo%%)[Start free trial](%%TATVA_URL:proctorly%%)[Request a quote](%%TATVA_URL:services#quote%%)[Join early access](%%TATVA_URL:taktio#early%%)

### Logos

![TatvaOne.AI logo](%%TATVA_ASSETS%%img/brand/logo-tatvaone.webp)TatvaOne.AI · header lockup
![TatvaOne.AI logo](%%TATVA_ASSETS%%img/brand/logo-tatvaone-stacked.webp)TatvaOne.AI · stacked
![TatvaOne.AI logo](%%TATVA_ASSETS%%img/brand/logo-tatvaone-white.webp)TatvaOne.AI · on dark (footer)
![Proctorly by TatvaOne.AI logo](%%TATVA_ASSETS%%img/brand/logo-proctorly.webp)Proctorly
![AcademicOS by TatvaOne.AI logo](%%TATVA_ASSETS%%img/brand/logo-academicos.webp)AcademicOS
![](%%TATVA_ASSETS%%img/brand/lotus-product.webp)**WorkForce**WorkForce · lotus + Montserrat 700 until artwork is supplied
![Proctorly Admissions](%%TATVA_ASSETS%%img/brand/logo-proctorly-admissions.webp)Proctorly Admissions
![Proctorly Assessments](%%TATVA_ASSETS%%img/brand/logo-proctorly-assessments.webp)Proctorly Assessments
![Proctorly Hiring](%%TATVA_ASSETS%%img/brand/logo-proctorly-hiring.webp)Proctorly Hiring
![AcademicOS Studio](%%TATVA_ASSETS%%img/brand/logo-academicos-studio.webp)AcademicOS Studio
![AcademicOS LMS](%%TATVA_ASSETS%%img/brand/logo-academicos-lms.webp)AcademicOS LMS
![AcademicOS Exams](%%TATVA_ASSETS%%img/brand/logo-academicos-exams.webp)AcademicOS Exams
![UpSkill](%%TATVA_ASSETS%%img/brand/logo-upskill.webp)UpSkill

Logo files: assets/img/brand/. Transparent PNGs, trimmed. Keep clear space of at least the height of the lotus's red dot on every side.

### Spacing and shape

| Token | Value |
| ----- | ----- |
| Grid | 8 px; max content width 1200 px |
| Section spacing | 96 px desktop, 64 px mobile |
| Button | 12 px radius, 48 px tall |
| Card | 16 px radius, 1 px Line border, shadow 0 4px 16px rgba(14,23,38,.06) |
| Focus | 2 px Indigo ring, 2 px offset |