Digist Theme

DigitTheme merupakan tema yang didesain untuk OctoberCMS berdasarkan library user interface (UI) UIKit versi 3.

Download Digist-Theme

Fitur DigistTheme

UIKit v3

DigistTheme menggunakan library User Interface (UI) UIKit v3 yang dikombinasikan dengan custom UIKit dari website resmi UIKit. DigistTheme mengkostumasi beberapa komponen CSS dari library tersebut dan tetap menjaga originalitas UIKit.

Beberapa kombinasi yang ada pada DigistTheme diantaranya UIKit v3, UIKit v3 custom rounded button dari official website UIKit dan Custom icon colors

Dynamic layout

Desain layout pada DigistTheme menggunakan konsep dinamis layout. Layout ini responsif dan tetap nyaman meskipun layar diperkecil. Penggunakan tetap melihat layout dengan tampilan yang baik meskipun website dibuka melalui browser handphone. Layout utama DigistTheme terdiri dari top menu dan buttom menu. Pada top menu merupakan menu utama yang auto-hide jika layar tampilan scroll ke bawah. Top menu juga otomatis muncul saat pengguna melakukan scroll ke atas baik melalui mouse atau touchsreen.

Layout ini juga dilengkapi dengan off-canvas menu yang menampilkan menu saat screen layar diperkecil dan menu akan ditampilkan pada komponen off-canvas. Sedangkan menu utaman pada bagian top menu akan di sembunyikan (hide). Pada bagian bawah halaman, text kiri, teks tengah/menu dan text kanan. Text kiri dan kanan akan disembunyikan (hide) saat screen layar berkursan kecil. Tetapi tetap menampilkan menu utama pada bawah layout.

Front page

Halaman depan (front page) DigistTheme menerapkan konsep tampilan yang sederhana dan penggunana dapat menangkap pesan utama dari sebuah halaman depan website. Dilengkapi dengan fitur grid, card, header, animasi dan parallax affect yang menambah kekayaan front page.

Front page juga ditambahkan dengan icon-icon dari library UIKit v3 berbasis SVG. Pada bagian bawah front page, dilengkapi dengan desain UIKit Card dan hover effect.

About page

Halaman Tentang Digistlab menggunakan beberapa komponen UIKit seperti image, circle icon, grid, flex dan lainnya. Halaman ini juga menampilkan foto yang diambil dari OctoberCMS media directory. Pada sisi kanan terdapat icon button yang didesian secara cirle untuk menampilkan kesan yang lebih mewah.

Blog content

Blog content yang ditampilkan terdiri dari dua menu utama yaitu menu Produk dan layanan serta menu Blog. Kedua menu tersebut menggunakan plugin RainLab.Blog dan menampilkan artikel dari database.

Menu Produk dan layanan menampilkan slideshow yang diambil dari tiga artikel terbaru sebagai kontent utama berdasarkan judul, summary dan featured image. Pada bagian bawah, artikel yang ditampilkan terurut berdasarkan tanggal publish dan dibentuk dalam komponen UIKit Card. Pada komponen tersebut, artikel tentang produk dan layanan akan ditampilkan lebih banyak.

Download Digist-Theme
© 2018 - 2021 by Digistlab Digist-Theme 1.0.2