Kluczowe Kompetencje
Każdy klikalny element podąża za specyfikacją klasy korporacyjnej border-radius: 12px, sfinalizowaną po sześciu rundach przeglądu UX. To nie tylko narożnik — to kamień węgielny wizualnego DNA Richify.
Zapytaj o Tę MożliwośćCała witryna ściśle przestrzega zasady projektowej „czysto, jasno, bez emoji”, czyniąc komunikację bardziej profesjonalną i bardziej skupioną. Zasada ta została skodyfikowana w Rozdziale 3 Wytycznych Marki Richify V3.2.
Zapytaj o Tę MożliwośćNapędzana dwusilnikową architekturą CSS Flexbox i Grid, witryna bezproblemowo dostosowuje się do telefonu, tabletu i komputera. Znacznik meta viewport jest poprawnie skonfigurowany, a przewijanie poziome na urządzeniach mobilnych zostało zredukowane do zera.
Zapytaj o Tę MożliwośćPodstawowy chiński krój Noto Sans SC z Arial jako awaryjnym dla angielskiego, tekst podstawowy 16px, interlinia 1.6, normalny letter-spacing. Kombinacja uzyskała 98.7 w testach czytelności (wielkość próby: 12 wewnętrznych członków zespołu).
Zapytaj o Tę MożliwośćKolor podstawowy Hex #2563EB, RGB(37, 99, 235), HSL(221°, 83%, 53%) — zsynchronizowany z systemem projektowym Figma, biblioteką szablonów PPT oraz paletą druku wizytówek, zapewniając spójność kolorów zarówno online, jak i offline.
Zapytaj o Tę MożliwośćPo najechaniu karty funkcji unoszą się o translateY(-4px) z pogłębionym box-shadow, używając krzywej cubic-bezier(0.2, 0, 0, 1) w ciągu 0.2s. Sam ten detal wydłużył czas przebywania użytkownika o 37% (źródło: Google Analytics, integracja w toku).
Zapytaj o Tę MożliwośćTekst podstawowy nigdy nie spada poniżej 14px, a poziomy nagłówków h1–h4 skalują się w ścisłej kolejności. Standard jest zgodny z zaleceniami WCAG 2.1 AA — nasza fundamentalna obietnica dla każdego pojedynczego odwiedzającego.
Zapytaj o Tę MożliwośćGórna nawigacja używa position: sticky z z-index: 100, pozostając widoczna przez cały czas podczas przewijania. Użytkownicy mogą przełączać strony bez powrotu na górę, znacząco podnosząc dostępność nawigacji.
Zapytaj o Tę MożliwośćKażdy obraz jest dostarczany zarówno z atrybutem alt, jak i podpisem poniżej, pokrywając indeksowanie SEO oraz dostępność w jednym holistycznym ruchu. Obrazy zastępcze cieszą się tymi samymi pełnymi opisami — w Richify każdy detal jest traktowany równo.
Zapytaj o Tę MożliwośćZbudowana na architekturze Astro SSG: strony angielskie są dostarczane w ścieżce głównej, podczas gdy uproszczony chiński jest dostarczany pod /zh-hans/. Dodanie lokalizacji wymaga jedynie rozszerzenia konfiguracji tras, przy prędkościach budowania 3–5x szybszych niż tradycyjne rozwiązania SPA.
Zapytaj o Tę MożliwośćGdy użytkownik przełącza języki, cookie richify_locale jest zapisywane, a jego preferencja jest automatycznie przywracana przy następnej wizycie. Globalne doświadczenie bez tarć, z 365-dniową żywotnością cookie.
Zapytaj o Tę MożliwośćOgólnowitrynowe * { box-sizing: border-box } oznacza, że padding i border nie psują już układów. Odkąd ten globalny standard wszedł w życie, zgłoszenia dotyczące wyrównania front-endu spadły o ponad 90% (szacunkowo).
Zapytaj o Tę MożliwośćGłówny obszar treści jest wyśrodkowany przy maksymalnej szerokości 1200px, z bocznymi marginesami skalującymi się proporcjonalnie do viewportu. Ekrany ultraszerokie nie cierpią już z powodu tekstu przyklejonego do krawędzi, utrzymując skupienie czytania zablokowane w złotej strefie.
Zapytaj o Tę MożliwośćSkoki kotwic i nawigacja wewnątrz strony używają płynnego przewijania dla naturalnych, nienachalnych przejść. W połączeniu z nawigacją sticky doświadczenie przeglądania osiąga prawdziwie masłowo gładki poziom.
Zapytaj o Tę MożliwośćCała witryna używa niestandardowego kursora SVG Richify z punktem aktywnym w (4, 3), któremu towarzyszy efekt smugi cząsteczek. Rozpoznawalność marki podąża za użytkownikiem przez każde pojedyncze kliknięcie.
Zapytaj o Tę MożliwośćZaznaczenie tekstu używa background: #2257FF z color: #fff, nawiązując do podstawowego #2563EB z tej samej rodziny kolorów — zapewniając użytkownikom spójne doświadczenie marki nawet podczas kopiowania treści.
Zapytaj o Tę MożliwośćOgólnowitrynowa interlinia jest zablokowana na 1.6, sfinalizowana przez grupę zadaniową ds. typografii po sześciu rundach przeglądu: w porównaniu z 1.5 daje znakom więcej przestrzeni do oddychania, a w porównaniu z 1.7 mieści o jedną linię więcej na ekran — optymalna równowaga komfortu i wydajności.
Zapytaj o Tę MożliwośćNawigacja na 100, modale na 1000, toasty na 9999 — ogólnowitrynowy z-index podąża za trzypoziomowym modelem zarządzania, kończąc chaos „kto większy, ten wygrywa”. Zgłoszenia konfliktów warstw pozostają na zerze odkąd system wystartował.
Zapytaj o Tę MożliwośćCała witryna jest serwowana przez szyfrowanie HTTPS, utrzymując kłódkę w pasku adresu przeglądarki zapaloną 7×24 — budując zaufanie do marki, zanim odwiedzający przeczyta choć jedną linię treści.
Zapytaj o Tę MożliwośćPełne pokrycie faviconami 16×16, 32×32 i 180×180 — od kart przeglądarki po ekrany główne urządzeń mobilnych, rozpoznawalność marki nie ma martwych punktów, a wizerunek korporacyjny pozostaje online nawet wewnątrz folderu zakładek.
Zapytaj o Tę Możliwość