Design System Overview
Welcome to the ITATS Design System. A comprehensive guide and resource library that contains everything you need to design and develop elegant, consistent web experiences.
Principles
Refined Elegance
Our aesthetic embraces subtlety. We use smaller typography and compact UI elements to ensure interfaces appear professional, clean, and not overly bulky.
Consistent Identity
Grounded in the core ITATS Blue and Yellow, our palette is carefully balanced with neutral tones to create a sleek and modern look.
Accessibility First
Colors, typography, and interactive components are meticulously chosen to ensure legibility and ease of use for all audiences.
ITATS Identity
Logo resmi dan nilai filosofi Institut Teknologi Adhi Tama Surabaya yang menjadi fondasi visual design system ini.
Institut Teknologi Adhi Tama Surabaya
Jln. Arief Rachman Hakim 100, Surabaya 60117
Visi
"Menjadi perguruan tinggi unggul, mandiri, bermartabat, dan inovatif di bidang sains, teknologi dan seni, bertaraf internasional, berwawasan lingkungan dan menjamin keberlanjutan."
Filosofi SIIPP
Semangat mengutamakan kesatuan untuk kebersamaan, saling menghargai, serta saling membantu.
Menjunjung tinggi kejujuran, tanggung jawab, dan selalu konsisten memelihara etika.
Menginisiasi gagasan dan melaksanakan perubahan terus-menerus untuk perbaikan lembaga.
Bekerja dengan penuh tanggung jawab serta komitmen memberikan hasil yang terbaik.
Melayani setiap civitas dan memberi melebihi dari yang diharapkan.
Arti Warna Bendera
Getting Started
This design system utilizes raw HTML and CSS. You can download the source files or include them via CDN to start using our utility classes, variables, and components.
1. Include via CDN
Skip the download and simply include these CDN
links in your document <head>.
2. Local Usage
Download the files and host them locally within your project directory.