Design System & Brand Manual

Official Brand Identity & Logo Guidelines

High-resolution vector assets, color tokens, font typography specs, and clear-space guidelines for E-Cell Amrita Vishwa Vidyapeetham, Nagercoil Campus.

Download Logo Suite View Markdown Manual

01 · Visual Assets

Official E-Cell & University Logos

Download high-resolution Black & White logo variants with proper clear space buffering.

E-Cell Black Logo (PNG)

Primary black emblem & logotype for white backgrounds, official documents, and light publications.

Download Black Logo (PNG)

E-Cell White Logo (PNG)

Official reverse white emblem & logotype for dark backgrounds, banners, and ID card passes.

Download White Logo (PNG)

Amrita University Crest (SVG)

Official vector logo of Amrita Vishwa Vidyapeetham for header lockups and official accreditation.

Download Amrita Crest (SVG)

Amrita White Crest (SVG Reverse)

White outline vector crest for dark footers, certificates, and dark theme UI components.

Download White Crest (SVG)

02 · Foundation

Color Palette & Tokens

Six tokens carry the entire system. Each swatch is click-to-copy — tap a card to grab its hex code.

EC-01 Click to copy

Cream Canvas

#FFFAF5

Primary background canvas, input fill, neutral backdrop

EC-02 Click to copy

Terracotta

#C75B39

Primary brand accent — CTAs, links, highlight badges

EC-03 Click to copy

Terracotta Deep

#A8472C

Hover, pressed, and active button states

EC-04 Click to copy

Amber Gold

#D4A017

Honors badges, starred roles, ID card gold trim

EC-05 Click to copy

Deep Emerald

#059669

Coordinator badges, success and confirmation states

EC-06 Click to copy

Ink Charcoal

#1B1815

Headings, dark surfaces, footer backgrounds

03 · Voice & Fonts

Typography & Live Font Tester

Display in Space Grotesk & Archivo, body in Inter, and code data in IBM Plex Mono.

Live Font Tester Input

Space Grotesk
700 Bold Display

Entrepreneurship Cell — Amrita Vishwa Vidyapeetham

Archivo
900 Black Title

Entrepreneurship Cell — Amrita Vishwa Vidyapeetham

Inter
400 Regular Body

Entrepreneurship Cell — Amrita Vishwa Vidyapeetham

IBM Plex Mono
600 Monospace Data

E26CSE005 · NC.SC.U4CSE26345

04 · Identity Standard

Official Member Digital ID Pass

Interactive 3D flip card — click to flip. Exact rendering used in the member dashboard.

OFFICIAL PASS

Amrita Vishwa Vidyapeetham

Nagercoil Campus — E-Cell

Yashwanth Kapa

Student Coordinator

Computer Science & Engineering

E24CSE001

Roll Number

NC.SC.U4CSE24001

Class

CSE - Sec D

Academic Year

2024–2028

VERIFY PASS

E-Cell Membership Portal

Scan QR to verify active student coordinator status and credentials.

05 · Interface Tokens

UI Component Tokens

Pre-styled interactive elements used consistently across the portal.

Primary Action Buttons

Badges & Roles

Admin Student Coordinator Verified Member

Department Chips

CSE AID ECE EEE ME CE CYS