<pastyle>
Autorski system wzornictwa i architektury interfejsów <pastyle> stworzony przez Pawła Paśko (PPASKO) dla ekosystemu egzamin.men. Mrożone szkło, organiczne światło, zero kompromisów. Spokój, naturalna głębia światła i bezkompromisowa funkcjonalność edukacyjna.
Odcięcie od szablonów AI na rzecz czystego minimalizmu
<pastyle> to autorski standard wzornictwa stworzony specjalnie dla platformy egzamin.men. Łączy krystaliczne szkło mrożone (frosted glass), subtelne przenikanie światła i sprężystą fizykę mikro-interakcji Apple. Będziemy go stale dopracowywać i rozwijać jako oficjalny podpis wizualny naszych projektów.
Koniec z krzykliwymi fioletowo-różowymi gradientami i nachalnymi emotikonami, po których każdy użytkownik od razu rozpoznaje sztuczne generatory AI.
Przenikanie światła bazujące na backdrop-filter: blur(24px) saturate(180%) oraz subtelnym refleksem pod kursorem myszy na kartach Bento.
Podczas egzaminu państwowego uczeń potrzebuje maksymalnej koncentracji. Projekt usuwa zbędny szum i eksponuje treść zadań oraz czasomierz.
Autoryzowana Paleta Barw <pastyle>
Zestaw oficjalnych kolorów bazowych oraz akcentów branżowych w ekosystemie.
Komponenty Interfejsu na Żywo
Przetestuj dotykowy feedback przycisków, przełączników Segmented Control i pól formularzy.
1. Przyciski (Buttons with Tactile Spring)
2. Przełącznik Segmentowy (Apple Segmented Control)
3. Gotowy kod CSS dla Szkła Mrożonego
/* <pastyle> Frosted Glass Card Recipe */
.glass-surface {
background: rgba(255, 255, 255, 0.76);
backdrop-filter: saturate(180%) blur(24px);
-webkit-backdrop-filter: saturate(180%) blur(24px);
border: 1px solid rgba(255, 255, 255, 0.9);
border-radius: 26px;
box-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.04);
transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
}
.glass-surface:hover {
transform: translateY(-2px);
box-shadow: 0 18px 40px -8px rgba(0, 0, 0, 0.08);
}Projekty Zunifikowane w Stylu <pastyle>
Wszystkie serwisy wchodzące w skład zintegrowanej platformy edukacyjnej.