Home / guide
GTU Component Library

GTU დიზაინ სისტემა და კომპონენტების გზამკვლევი

საქართველოს ტექნიკური უნივერსიტეტის ვებ-პორტალის ერთიანი დიზაინ სისტემა, UI კომპონენტები, ფერების პალიტრა, ბარათები და ინტერაქტიული ელემენტები.

12+ ფერის ტოკენი 25+ UI კომპონენტი 5 კატეგორია Bootstrap 5 & SCSS

1. Brand & Foundations

უნივერსიტეტის ბრენდის ფერები, გრადიენტები, ტიპოგრაფიული იერარქია და საბაზისო UI ელემენტები.

ფერების პალიტრა (Brand Colors)

resources/styles/foundation/_variables.scss

GTU ვებ-პორტალის ოფიციალური ფერთა სისტემა ვიზუალური ფერით, HEX კოდითა და SCSS ცვლადებით:

Primary
#7650FF
$primary
Secondary (Dark)
#2C2932
$secondary
Tertiary (Muted)
#878099
$tertiary
Light (Border)
#EDEBF5
$light
Surface
#F4F3F7
$surface
Grey Light
#D9D9D9
$grey-light
Grey Border
#CEC8E2
$grey
Body Background
#FAF8FF
$body-bg
Success (Green)
#28A745
$success
Warning (Amber)
#FFC107
$warning
Danger (Red)
#DC3545
$danger

გრადიენტები (Gradients)

$gradient-primary, $gradient-dark
Primary Gradient ($gradient-primary)
360deg rgba(118, 80, 255, 1) → rgba(60, 53, 78, 1)
Dark Gradient ($gradient-dark)
360deg rgba(37, 32, 49, 1) → rgba(60, 53, 78, 1)

ტიპოგრაფიული იერარქია (Typography Scale)

H1 - H6, .lead, .with-underline
ტეგი / კლასი ვიზუალური ნიმუში ზომა / Weight
<h1> / .h1

H1 საქართველოს ტექნიკური უნივერსიტეტი

 36-40px / 800
<h2> / .h2

H2 ფაკულტეტები და სამეცნიერო ინსტიტუტები

 28-32px / 700
<h3> / .h3

H3 საბაკალავრო და სამაგისტრო პროგრამები

 22-24px / 700
<h4> / .h4

H4 საერთაშორისო თანამშრომლობა და პროექტები

 18-20px / 600
<h5> / .h5
H5 სტუდენტური სერვისები და რესურსები
 16-18px / 600
<h6> / .h6
H6 საკონტაქტო რეკვიზიტები
 14-15px / 600
.lead

ლიდერი ტექსტი: სტუ ლიდერია საინჟინრო და ტექნოლოგიური განათლების სფეროში საქართველოში.

 18px / 400
body

ძირითადი ტექსტი: სტუდენტებს შესაძლებლობა აქვთ ისარგებლონ უნივერსიტეტის თანამედროვე ლაბორატორიებით.

 14-15px / 400
.small / .text-muted

დამატებითი აღწერითი ტექსტი და მეტამონაცემები: განახლდა 17 სექტემბერი, 2026

 13px / 400
.with-underline

აქცენტირებული სათაური ქვედა ხაზით

 Accent line

ფონტების ოჯახი (Font Families & Georgian Specimen)

Noto Sans Georgian, sans-serif
Light 300
Aa აა

საქართველოს ტექნიკური უნივერსიტეტი დაარსდა 1922 წელს.

Regular 400
Aa აა

თანამედროვე განათლება და სამეცნიერო ინოვაციები.

Medium 500
Aa აა

საინჟინრო ეკონომიკა და ციფრული ტექნოლოგიები.

Bold 700
Aa აა

მაღალი დონის კვლევითი ცენტრები და ლაბორატორიები.

ქართული ანბანის სრული ნაკრები Unicode GE
ა ბ გ დ ე ვ ზ თ ი კ ლ მ ნ ო პ ჟ რ ს ტ უ ფ ქ ღ ყ შ ჩ ც ძ წ ჭ ხ ჯ ჰ

0 1 2 3 4 5 6 7 8 9 • ! ? @ # $ % & * ( ) [ ] { }

ღილაკები (Buttons & Interactive Actions)

.btn-primary, .btn-secondary, .btn-outline-*

Solid სტილები

Primary Secondary Dark Light

Outline სტილები

Outline Primary Outline Secondary Outline Dark

ზომები (Sizes)

Small (.btn-sm) Default Large (.btn-lg)

ღილაკები იკონით

გაიგე მეტი ჩამოტვირთვა დაგვიკავშირდით
Disabled მდგომარეობა:

Utility კლასები (Badges, Chips, Ratios & Zoom)

.chip-*, .ratio-*, .image-zoom

სტატუსის ჩიპები (.chip-*)

აკრედიტებული პრიორიტეტული საერთაშორისო მიმდინარე კონკურსი

Bootstrap Badges

Primary Secondary Success Danger Warning Light

ინტერაქტიული Image Zoom (.image-zoom)

Sample
Hover ზემოთ სურათის Zoom ეფექტის სანახავად

2. Cards & Visual Components

საიტზე რეალურად არსებული template-parts/cards კომპონენტები: სიახლეები, ღონისძიებები, ოფისები, პერსონალი და სტუდენტური კლუბები.

სიახლეების ბარათები (.news-vertical & .news-horizontal)

template-parts/cards/content-news-vertical.php, content-news-horizontal.php

ვერტიკალური სიახლის ბარათი (.news-vertical)

News Image
სამეცნიერო სიახლეები

სტუ-ში საერთაშორისო საგრანტო პროექტის განახლება დაიწყო

პროექტი მიზნად ისახავს ევროპელ მკვლევრებთან ერთობლივი სამეცნიერო ექსპერიმენტების ჩატარებას.

ჰორიზონტალური სიახლის ბარათი (.news-horizontal)

News
აკადემიური საბჭო

აკადემიური საბჭოს გადაწყვეტილება ახალი სამაგისტრო პროგრამების დანერგვის შესახებ

დეტალური ინფორმაცია სასწავლო გეგმის, კრედიტებისა და მიღების პირობების შესახებ.

ღონისძიების ბარათები (.event-card-vertical & Event Item)

template-parts/cards/content-event-card.php

ვერტიკალური ღონისძიების ბარათი (.event-card-vertical — 3:4)

Event poster
კონფერენცია

საერთაშორისო სამეცნიერო კონფერენცია: ენერგეტიკა და მომავლის ტექნოლოგიები

Event poster
ვორქშოპი

ხელოვნური ინტელექტი საინჟინრო პროექტირებაში: პრაქტიკული სემინარი

Event poster
გამოფენა

სტუდენტური ინოვაციური პროექტებისა და დიზაინის ექსპო 2026

ოფისები და სამსახურები (Office Card — 16:9 & 1:1)

#office-card-169, #office-card-11

Office Card — 16:9

ოფისის ვიზუალი

ტექნოლოგიებისა და საგრანტო პროექტების ოფისი

უზრუნველყოფს სამეცნიერო გრანტების ადმინისტრირებას, საერთაშორისო ფონდებთან ურთიერთობასა და მკვლევართა მხარდაჭერას.

Office Card — 1:1

დეპარტამენტი

სასწავლო პროცესის მართვის დეპარტამენტი

სტუდენტთა რეგისტრაცია, აკადემიური აღრიცხვა, ცხრილები და საგამოცდო პროცესი.

academic@gtu.ge +995 (32) 2 77 11 11

პერსონალის ბარათები (Person Items — ratio 1:1)

#person-items, ratio-1x1, .author-card
Staff

პროფესორი დავით გიორგაძე

ფაკულტეტის დეკანი

ინფორმატიკისა და მართვის სისტემების ფაკულტეტი

Staff

გიორგი წერეთელი

კვლევითი ცენტრის ხელმძღვანელი

ბირთვული ინჟინერიისა და CERN-ის სამეცნიერო ჯგუფი

Staff

ნინო მაისურაძე

საერთაშორისო განყოფილება

Erasmus+ და გაცვლითი პროგრამების კოორდინატორი

სტუდენტური კლუბები (.club-card)

template-parts/cards/content-studenturi-klubebi.php
Erasmus+ ვადა: 15 ნოემბერი

მიუნხენის ტექნიკური უნივერსიტეტი (TUM)

სრული სტიპენდია ინჟინერიისა და ინფორმატიკის სტუდენტებისთვის.

პროგრამის დეტალები

ფაკულტეტები და მიმართულებები (Image Cards Grid)

#image-cards-grid, .feature-card, .category-item
Faculty
ფაკულტეტი

ინფორმატიკისა და მართვის სისტემები
Faculty
ფაკულტეტი

სამშენებლო ფაკულტეტი
Faculty
ფაკულტეტი

ენერგეტიკისა და ტელეკომუნიკაციის

3. Academic & Research

საიტზე რეალურად არსებული template-parts/cards: საერთაშორისო კოლაბორაციები (CERN/KEK), სამეცნიერო ცენტრები, საგანმანათლებლო პროგრამები და პარტნიორები.

საერთაშორისო კვლევითი პროექტები (.research-project-card & .research-collaboration-card)

template-parts/cards/content-sc-collab-research.php & content-research-org.php

CERN / KEK კვლევითი პროექტის ბარათი (.research-project-card)

CERN CMS
CERN

CMS Collaboration

2026 წელი

CMS ექსპერიმენტის დეტექტორის მოდერნიზაცია და მონაცემთა ანალიზი

იხილეთ ვრცლად
მიმდინარე
KEK Belle II

KEK Belle II

2026 წელი

იაპონიის მაღალი ენერგიების ამაჩქარებლის კვლევითი ორგანიზაცია (KEK)

იხილეთ ვრცლად
საერთაშორისო

ორგანიზაციის ბარათი (.research-collaboration-card)

CERN

CERN — ბირთვული კვლევების ევროპული ორგანიზაცია

იხილეთ ვრცლად 12 პროექტი

სამეცნიერო ცენტრები (.scientific-research--center-content-item)

template-parts/cards/content-sc-res-center.php
Center

ნანოტექნოლოგიებისა და მოწინავე მასალების სამეცნიერო ცენტრი

ხელმძღვანელი პროფ. ალექსანდრე მირიანაშვილი
დაარსების თარიღი 2014 წელი
Center

კიბერუსაფრთხოებისა და ხელოვნური ინტელექტის ინსტიტუტი

ხელმძღვანელი დოქტორი თამარ ხუციშვილი
დაარსების თარიღი 2018 წელი

საგანმანათლებლო პროგრამები (.program-card-standard)

template-parts/cards/content-enroll-program.php

სამოქალაქო და სამრეწველო მშენებლობა

აკრედიტებული პრიორიტეტული
ამზადებს მაღალკვალიფიციურ ინჟინერ-მშენებლებს თანამედროვე საერთაშორისო სტანდარტების შესაბამისად.
240 ECTS კრედიტი | 4 წელი | ქართული
იხილეთ ვრცლად

ხელოვნური ინტელექტი და მონაცემთა მეცნიერება

აკრედიტებული მაგისტრატურა
მოწინავე ალგორითმები, მანქანური სწავლება, დიდი მონაცემები და ნერვული ქსელების დიზაინი.
120 ECTS კრედიტი | 2 წელი | ინგლისური
იხილეთ ვრცლად

საერთაშორისო პარტნიორები (Partners Grid)

.international-partner-content-item, #partners-grid
TUM Munich გერმანია
Politecnico Milano იტალია
ETH Zurich შვეიცარია
Tokyo University იაპონია
Purdue University აშშ
Sorbonne საფრანგეთი

4. Panels, Documents & Forms

საინფორმაციო და რესურსების პანელები, დოკუმენტების ჩამოტვირთვის ბეიჯები, გვერდითი მენიუ და ფორმის ველები.

საინფორმაციო პანელები (Info Callout Panels)

.info-panel, .info-item

საჯარო ინფორმაციის ელექტრონული ფორმით მოთხოვნის სტანდარტი და დოკუმენტაცია

მოქალაქეს უფლება აქვს მოითხოვოს საჯარო ინფორმაცია მისი ფიზიკური ფორმისა და შენახვის მდგომარეობის მიუხედავად.

  • PDF
    საჯარო ინფორმაციის მოთხოვნის განცხადების ფორმა
    ზომა: 245 KB | განახლებულია: 2026
    ჩამოტვირთვა
  • DOCX
    სააპელაციო საჩივრის ოფიციალური ფორმატი
    ზომა: 118 KB | განახლებულია: 2026
    ჩამოტვირთვა

სასწავლო რესურსები (Resource Panels)

.resource-panel, .resource-item

ელექტრონული ბიბლიოთეკა და რეპოზიტორიუმი

აკადემიური პუბლიკაციები და წიგნები

წვდომა Scopus, ScienceDirect, IEEE Xplore და სტუ-ს ელექტრონულ კატალოგებზე.

ბიბლიოთეკაში გადასვლა

სასწავლო პორტალი (E-Learning)

ონლაინ კურსები და სილაბუსები

სტუდენტური პორტალი, სალექციო მასალები, ტესტირების სისტემა და დავალებები.

პორტალზე შესვლა

დოკუმენტები და ფაილების ბეიჯები (File Badges)

.file-badge-*, .document-row

ფაილის ტიპის ბეიჯები

PDF დოკუმენტი Word (DOCX) Excel (XLSX) არქივი (ZIP)

დოკუმენტის ჩამოტვირთვის ინტერაქტიული მწკრივი

სტუ-ს ეთიკის კოდექსი და აკადემიური კეთილსინდისიერების დებულება
PDF • 1.4 MB • დამტკიცებულია აკადემიური საბჭოს მიერ
სამაგისტრო ნაშრომის გაფორმების სავალდებულო სტანდარტი
DOCX • 520 KB • განახლებულია: 2026

გვერდითი ნავიგაცია (Aside Submenu Navigation)

.aside-nav, .steps-list

Aside მენიუ (.aside-nav)

საფეხურების / ფილტრის სია (.steps-list)

  • ნაბიჯი 1: რეგისტრაცია
    შეავსეთ პირადი მონაცემები
  • ნაბიჯი 2: დოკუმენტების ატვირთვა
    პირადობის მოწმობა და ატესტატი
  • ნაბიჯი 3: ხელშეკრულების გაფორმება
    სტატუსის მინიჭება

ფორმის ელემენტები (Form Inputs & Validation)

.form-control, .form-select, .form-floating
სახელი ვალიდურია!
გთხოვთ მიუთითოთ სწორი ელ-ფოსტა.

შეტყობინების გაგზავნა

შეავსეთ ფორმა და ჩვენი გუნდი დაგიკავშირდებათ 24 საათის განმავლობაში.

5. Contact & Actions

თანამედროვე GTU საკონტაქტო ბარათები, მოქმედების ღილაკები და საიტის ოფიციალური ბანერი.

GTU საკონტაქტო ბარათები (Contact Card System)

.gtu-contact-card, .gtu-contact-card--info

GTU საკონტაქტო გვერდებისა და რესურსების ოფიციალური ბარათების სისტემა:

სტუდენტური სერვისების ცენტრი

ერთი ფანჯრის პრინციპის მომსახურება
ქ. თბილისი, მ. კოსტავას 77, ადმინისტრაციული კორპუსი
+995 (32) 2 77 11 11
students@gtu.ge
ორშაბათი - პარასკევი: 10:00 - 17:00
დეტალური ინფორმაცია

ცხელი ხაზი / მხარდაჭერა

ონლაინ კონსულტაცია

მიიღეთ ოპერატიული პასუხები რეგისტრაციის, მობილობის, სწავლის საფასურისა და საგამოცდო საკითხების შესახებ.

+995 (32) 2 77 11 11
Messenger / Telegram მხარდაჭერა
ჩატის დაწყება

საკონტაქტო მოქმედებები (Action Boxes & Lines)

.contact-item--box, .contact-item--line

საკონტაქტო Box ელემენტები (.contact-item--box)

info@gtu.ge ოფიციალური ელ-ფოსტა
+995 (32) 2 77 11 11 ცხელი ხაზი
www.gtu.ge მთავარი ვებ-პორტალი
კოსტავას 77 თბილისი 0160

საკონტაქტო Line ელემენტები (.contact-item--line)

მისამართი კორპუსი #2, მე-3 სართული, ოთახი 315
სამუშაო საათები ორშაბათი - პარასკევი: 09:00 - 18:00

ბანერი (Banner — ratio 3:1)

.banner, .ratio.ratio-3x1

ვებსაიტზე არსებული ოფიციალური გამოსახულების ბანერი (გამოიყენება გვერდის სათაურების ქვემოთ):

Support

Why are you writing to us?