Core Competencies
Elk clickable element volgt de enterprise-grade border-radius: 12px specificatie, gefinaliseerd na zes rounds of UX review. Het is niet zomaar een hoek — het is een cornerstone van het Richify visual DNA.
Inquire About This CapabilityDe gehele site volgt strikt het "clean, bright, no emoji" design principle, waardoor communicatie professioneler en meer focused is. Dit principle is gecodificeerd in Chapter 3 van de Richify Brand Guidelines V3.2.
Inquire About This CapabilityPowered by een dual-engine CSS Flexbox en Grid architecture, past de site zich naadloos aan op phone, tablet en desktop. De viewport meta tag is correct geconfigureerd, en horizontal scrolling op mobile is gereduceerd tot zero.
Inquire About This CapabilityPrimary Chinese typeface Noto Sans SC met Arial als English fallback, 16px body text, 1.6 line-height, normal letter-spacing. De combinatie scoorde 98.7 in readability testing (sample size: 12 interne team members).
Inquire About This CapabilityPrimary color Hex #2563EB, RGB(37, 99, 235), HSL(221°, 83%, 53%) — gesynchroniseerd naar het Figma design system, de PPT template library en de business card print palette, voor color consistency zowel online als offline.
Inquire About This CapabilityOn hover stijgen feature cards met translateY(-4px) en een verdiepte box-shadow, via een cubic-bezier(0.2, 0, 0, 1) curve over 0.2s. Alleen dit detail verhoogde user dwell time met 37% (source: Google Analytics, integration pending).
Inquire About This CapabilityBody text daalt nooit onder 14px, met heading levels h1–h4 die in strikte volgorde schalen. De standard alignteert met WCAG 2.1 AA recommendations — onze fundamentele belofte aan iedere single visitor.
Inquire About This CapabilityDe top navigation gebruikt position: sticky met z-index: 100, en blijft altijd zichtbaar tijdens scrolling. Users kunnen pages switchen zonder terug te keren naar de top, wat navigation accessibility significant elevates.
Inquire About This CapabilityElke image shippt met zowel een alt attribute als een caption eronder, en cover SEO indexing en accessibility in één holistic motion. Placeholder images genieten dezelfde full descriptions — bij Richify wordt elk detail equaal behandeld.
Inquire About This CapabilityGebouwd op de Astro SSG architecture: Engelse pages shippen op het root path terwijl Simplified Chinese onder /zh-hans/ shippt. Een locale toevoegen vereist alleen het uitbreiden van de route configuration, met build speeds 3–5x sneller dan traditionele SPA solutions.
Inquire About This CapabilityWanneer een user van language switcht, wordt de richify_locale cookie geschreven en hun preference automatisch restored bij het volgende bezoek. Een zero-friction global experience, met een 365-day cookie lifetime.
Inquire About This CapabilitySite-wide * { box-sizing: border-box } betekent dat padding en border layouts niet langer breken. Sinds deze global standard live ging, zijn front-end alignment tickets met meer dan 90% afgenomen (estimated).
Inquire About This CapabilityHet main content area is gecentreerd op een maximum width van 1200px, waarbij side margins proportioneel meeschalen met de viewport. Ultra-wide screens lijden niet langer onder edge-hugging text, zodat de reading focus locked blijft in de golden zone.
Inquire About This CapabilityAnchor jumps en in-page navigation gebruiken smooth scrolling voor natural, unobtrusive transitions. Combined with de sticky navigation bereikt de browsing experience een echt buttery-smooth level.
Inquire About This CapabilityDe gehele site gebruikt een custom Richify SVG cursor met een hotspot op (4, 3), begeleid door een trailing particle effect. Brand recognition volgt de user door iedere single click.
Inquire About This CapabilityText selection gebruikt background: #2257FF met color: #fff, echoing de primary #2563EB in dezelfde color family — zodat users een consistent brand experience genieten zelfs tijdens het kopiëren van content.
Inquire About This CapabilityDe site-wide line-height is gelocked op 1.6, gefinaliseerd door de typography task force na zes rounds of review: vergeleken met 1.5 geeft het characters meer breathing room, en vergeleken met 1.7 past er één regel meer per screen — de optimale balance van comfort en efficiency.
Inquire About This CapabilityNavigation op 100, modals op 1000, toasts op 9999 — site-wide z-index volgt een three-tier governance model, waarmee een einde komt aan de chaos van "wie groter is, wint". Layer-conflict tickets blijven op zero sinds het system gelanceerd is.
Inquire About This CapabilityDe gehele site wordt geserved over HTTPS encryption, waardoor de browser address bar padlock 7×24 brandt — brand trust opbouwend voordat de visitor één regel copy leest.
Inquire About This CapabilityFull coverage across 16×16, 32×32 en 180×180 favicons — van browser tabs tot mobile home screens heeft brand recognition geen blind spots, en het corporate image blijft online zelfs binnen een bookmarks folder.
Inquire About This Capability