Kernkompetenzen
Jedes klickbare Element folgt der Enterprise-Grade-Spezifikation border-radius: 12px, finalisiert nach sechs Runden UX-Review. Es ist nicht nur eine Ecke — es ist ein Grundpfeiler der Richify Visual DNA.
Zu dieser Capability anfragenDie gesamte Website folgt strikt dem Designprinzip „clean, hell, keine Emoji“, wodurch die Kommunikation professioneller und fokussierter wird. Dieses Prinzip ist in Kapitel 3 der Richify Brand Guidelines V3.2 kodifiziert.
Zu dieser Capability anfragenAngetrieben von einer Dual-Engine-Architektur aus CSS Flexbox und Grid passt sich die Website nahtlos an Phone, Tablet und Desktop an. Das Viewport-Meta-Tag ist korrekt konfiguriert, und horizontales Scrollen auf Mobile wurde auf null reduziert.
Zu dieser Capability anfragenPrimäre chinesische Schriftart Noto Sans SC mit Arial als englischem Fallback, 16px Fließtext, 1.6 Zeilenhöhe, normal letter-spacing. Die Kombination erzielte 98.7 im Lesbarkeitstest (Stichprobengröße: 12 interne Teammitglieder).
Zu dieser Capability anfragenPrimärfarbe Hex #2563EB, RGB(37, 99, 235), HSL(221°, 83%, 53%) — synchronisiert mit dem Figma Design System, der PPT-Vorlagenbibliothek und der Visitenkarten-Druckpalette, für Farbkonsistenz online wie offline.
Zu dieser Capability anfragenBeim Hover steigen Feature-Cards um translateY(-4px) mit vertieftem box-shadow, unter Verwendung einer cubic-bezier(0.2, 0, 0, 1)-Kurve über 0.2s. Allein dieses Detail erhöhte die Verweildauer um 37% (Quelle: Google Analytics, Integration pending).
Zu dieser Capability anfragenFließtext fällt niemals unter 14px, mit Heading-Levels h1–h4 in strikter Reihenfolge skaliert. Der Standard richtet sich nach WCAG 2.1 AA-Empfehlungen — unser fundamentales Versprechen an jeden einzelnen Besucher.
Zu dieser Capability anfragenDie Top-Navigation nutzt position: sticky mit z-index: 100 und bleibt beim Scrollen jederzeit sichtbar. Nutzer können Seiten wechseln, ohne zum Anfang zurückzukehren, und heben die Navigations-Accessibility signifikant an.
Zu dieser Capability anfragenJedes Bild wird sowohl mit einem alt-Attribut als auch einer Caption darunter ausgeliefert und deckt SEO-Indexierung sowie Accessibility in einer ganzheitlichen Bewegung ab. Placeholder-Bilder genießen dieselben vollständigen Beschreibungen — bei Richify wird jedes Detail gleich behandelt.
Zu dieser Capability anfragenGebaut auf der Astro-SSG-Architektur: Englische Seiten werden am Root-Pfad ausgeliefert, während Simplified Chinese unter /zh-hans/ ausgeliefert wird. Das Hinzufügen einer Locale erfordert lediglich die Erweiterung der Route-Konfiguration, mit Build-Geschwindigkeiten 3–5x schneller als traditionelle SPA-Lösungen.
Zu dieser Capability anfragenWenn ein Nutzer die Sprache wechselt, wird der richify_locale Cookie geschrieben und die Präferenz beim nächsten Besuch automatisch wiederhergestellt. Eine Zero-Friction Global Experience mit 365-Tage Cookie-Lifetime.
Zu dieser Capability anfragenSite-weit * { box-sizing: border-box } bedeutet, dass Padding und Border Layouts nicht mehr zerstören. Seit dieser globale Standard live ging, sind Front-End-Alignment-Tickets um mehr als 90% gesunken (geschätzt).
Zu dieser Capability anfragenDer Hauptinhaltsbereich ist auf eine maximale Breite von 1200px zentriert, wobei Seitenränder proportional zum Viewport skalieren. Ultrawide-Screens leiden nicht mehr unter kantennahen Texten und halten den Lesefokus in der Goldenen Zone.
Zu dieser Capability anfragenAnchor-Jumps und In-Page-Navigation nutzen smooth scrolling für natürliche, unaufdringliche Übergänge. Kombiniert mit der sticky Navigation erreicht das Browsing-Erlebnis ein wahrhaft buttrig-flüssiges Level.
Zu dieser Capability anfragenDie gesamte Website nutzt einen custom Richify SVG-Cursor mit Hotspot bei (4, 3), begleitet von einem trailing Particle Effect. Markenerkennung folgt dem Nutzer durch jeden einzelnen Klick.
Zu dieser Capability anfragenTextselektion nutzt background: #2257FF mit color: #fff und echo’t die Primärfarbe #2563EB in derselben Farbfamilie — sodass Nutzer auch beim Kopieren von Inhalten ein konsistentes Markenerlebnis genießen.
Zu dieser Capability anfragenDie site-weite Zeilenhöhe ist auf 1.6 gelockt, finalisiert von der Typografie-Taskforce nach sechs Review-Runden: gegenüber 1.5 gibt sie Zeichen mehr Atemraum, und gegenüber 1.7 passt eine Zeile mehr pro Screen — die optimale Balance aus Komfort und Effizienz.
Zu dieser Capability anfragenNavigation bei 100, Modals bei 1000, Toasts bei 9999 — site-weiter z-index folgt einem Drei-Tier-Governance-Modell und beendet das Chaos von „wer größer ist, gewinnt“. Layer-Konflikt-Tickets liegen seit dem Launch des Systems bei null.
Zu dieser Capability anfragenDie gesamte Website wird über HTTPS-Verschlüsselung ausgeliefert und hält das Browser-Adressleisten-Schloss 7×24 erleuchtet — und baut Markenvertrauen auf, bevor der Besucher eine einzige Zeile Copy liest.
Zu dieser Capability anfragenVollständige Abdeckung über 16×16, 32×32 und 180×180 Favicons — von Browser-Tabs bis Mobile Home Screens hat Markenerkennung keine Blind Spots, und das Corporate Image bleibt selbst in einem Bookmarks-Ordner online.
Zu dieser Capability anfragen