VESPER / KENDİ ÇİZGİSİ.
Renkli optik cam. Açık ikonlar. VESPER için çizilen panel, ikon ve başlık alfabesi.
01 / YAZI KARAKTERİ
VESPER DISPLAY

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 / ÇĞİÖŞÜ çğıöşü
105 glif. Başlıklar ve kısa arayüz etiketleri için geometrik bir büyük harf / küçük büyük harf ailesi. Uzun metinlerde kullanılan lisanslı DM Sans ayrı tutulur.
02 / PANEL VE ETKİLEŞİM
İKONLARA NEFES ALANI.
Normal durumda açık ikonlar; fare ve klavye odağında kendi rengiyle beliren yüzey. Oynatma ayrı bir odak, sabitleme ve tekrar ise kalıcı durum işaretleri.
#9BCBFF#89DCCE#C6B1F1#EDA7B2#9EDCB9#E5BE85
03 / ÖZGÜN İKON AİLESİ
AYNI GEOMETRİ, FARKLI GÖREVLER.
24 birimlik çizim alanı, ortak çizgi kalınlığı, kırpılmış köşeler ve hafif ikinci yüzeyler. Temel oynatma işaretleri tanınabilirliğini korur.
04 / NEON ZAMAN ÇİZGİSİ
SANİYELER IŞIKLA İLERLER.
Turkuaz eğri, süreye bağlı parlayan nokta ve hafif ışık izi. Temel eğri dekoratiftir. Canlı demodaki VESPER Pulse ise videonun gerçek sesinden çıkarılan dalga ve ses enerjisini oynatma noktasının çevresinde gösterir. Saniye seçerken hareket durur; Access bölümünden kapatılabilir. İzlenme verisi göstermez. Saniye seçimi Video.js üzerinde doğrusal kalır. Aşağıdaki çizim sabit bir görünüm örneğidir; sürükleme çalışan demodadır.
05 / TASARIM REFERANSI
LIQUID GLASS / MOCKUP
Işık, cam derinliği ve renkli ikonlar için önce oluşturulan görsel hedef. Yapay zekâ ile üretilmiş bir tasarım görselidir; çalışan uygulamanın ekran görüntüsü değildir. Cam kenarındaki ışık, içe dönen yansıma ve mavi Play malzemesi canlı panelde CSS katmanlarıyla uygulanır. Yukarıdaki malzeme örneği çalışan panelin yüzey, kenar ve Play stillerini doğrudan kullanır.
Çalışan liquid glass paneli dene ↗