Tociva Website Plan

Complete specification and documentation for the Tociva.com website build

✓ Complete

Table of Contents

Overview

Tociva is building a professional website to showcase private AI solutions, products, services, and the company's commitment to decentralized AI. The website will feature a clean, modern design with responsive layouts that work across all devices.

Key Objectives

✓
Showcase Company Vision
Communicate Tociva's mission around private, practical AI
✓
Present Products
Display TailNG, DayBook.Cloud, and Free Invoice Generator
✓
Highlight Services
Present custom AI, chatbots, and deployment services
✓
Enable Contact
Provide clear contact information and contact page

Branding & Design

Color Palette

Brand Red
#B11226
Text Black
#111827
Surface Light
#F8FAFC
Border
#E5E7EB
Muted Text
#6B7280
Logo Green
#22c55e

Design Principles

Logo Implementation: The Tociva logo uses CSS mask property with currentColor inheritance. The SVG file (tociva-logo.svg) contains the logo shape, and color is controlled through CSS classes: .logo-red, .logo-blue, .logo-default.

Pages & Structure

Homepage (index.html)

Main landing page introducing Tociva and its core offerings.

Hero Section
Featured Products
Services Overview
Decentralized AI Vision
Use Cases
Why Tociva

Products (products.html)

Detailed showcase of Tociva products with links.

TailNG
DayBook.Cloud
Free Invoice Generator

Services (services.html)

Complete list of Tociva services and capabilities.

Custom AI Training
Chatbot Development
Private Deployment
Voice Assistant
AI Agent Development
Data-Safe Integration

About (about.html)

Company story, mission, vision, and philosophy.

Company Story
Mission & Vision
Brand Philosophy
What We Build

Decentralized AI (decentralized-ai.html)

Detailed explanation of Tociva's decentralized AI philosophy.

Why It Matters
What We Support
Deployment Options
Core Principles

Contact (contact.html)

Contact information and communication methods.

Address
Email
Phone
Services List

Content Details

Company Information

Tociva Private Limited
2nd Floor, AR Plaza, PMG
Trivandrum - 695004
Kerala, India

Email: [email protected]
Phone: +91-8714467888
Tagline: "Private AI for practical work"

Key Brand Messaging

Featured Products

✓
TailNG
Developer framework for building applications
✓
DayBook.Cloud
Cloud-based accounting and finance platform
✓
Free Invoice Generator
No-login invoice creation tool

Implementation Checklist

Core Pages

✓
Homepage (index.html)
Hero, products, services, decentralized AI, use cases, why Tociva sections
✓
Products Page (products.html)
TailNG, DayBook.Cloud, Free Invoice Generator with descriptions and links
✓
Services Page (services.html)
Six service cards with descriptions and CTAs
✓
About Page (about.html)
Company story, mission, vision, philosophy, and what we build
✓
Decentralized AI Page (decentralized-ai.html)
Philosophy, benefits, deployment options, core principles
✓
Contact Page (contact.html)
Address, email, phone, and services information

Design & Styling

✓
Main Stylesheet (styles.css)
CSS variables, grid layouts, responsive design, color schemes
✓
Logo Implementation
SVG logo with CSS mask property, color variants (.logo-red, .logo-blue, .logo-default)
✓
Favicon
tociva-logo.svg used as favicon on all pages
✓
Responsive Design
Mobile-first approach with breakpoints at 768px and 480px

Quality Assurance

✓
No JavaScript
Pure HTML/CSS implementation as requested
✓
Semantic HTML
Proper heading hierarchy, section elements, accessibility basics
✓
Cross-page Consistency
Consistent header, footer, navigation, and styling across all pages
✓
Browser Compatibility
CSS masks with -webkit- prefixes, modern CSS Grid and Flexbox