nexvo.ai - Cyber Serif Landing Page
A premium 'Cyber Serif' design system combining classical editorial typography with futuristic tech elements. Features a deep black background (#050505), vibrant emerald accents (#10B981), and sophisticated glassmorphism. Optimized for high-end SaaS, AI platforms, fintech, and recruitment tech, the style utilizes a blend of Newsreader serif and Space Grotesk mono fonts to create an authoritative yet cutting-edge atmosphere. Includes scroll-triggered spotlights, floating UI mockups, and weighted cubic-bezier animations.
Summary
A high-end, dark-themed AI platform landing page using a 'Cyber Serif' aesthetic. It balances traditional serif elegance with modern data visualization, glassmorphism, and neon emerald accents to communicate intelligence and scale.
Style
The style is defined by its high-contrast dark mode (#050505) and a sophisticated typographic hierarchy. It pairs 'Newsreader' (serif) for evocative headlines, 'Inter' (sans) for readability, and 'Space Grotesk' (mono) for technical labels. Visual depth is achieved through glassmorphism (blur: 12px, border: 1px white/8), radial spotlights that follow the cursor, and subtle background grid patterns. Key animations use a heavy cubic-bezier(0.16, 1, 0.3, 1) to provide a premium, 'weighted' feel to transitions.
Layout & Structure
The layout follows a modular section-based structure with a fixed navigation, high-impact hero, bento-style feature grids, and interactive data dashboard mockups.
Navigation
Hero Section
Feature Grid
AI Logic/Chat Interface
Analytics Dashboard
Call to Action
Components
Interactive Spotlight Card
A glass card that illuminates precisely where the user's cursor is located.
Technical Badge
A small, high-detail indicator used for metadata.
Special Notes
MUST maintain the high-contrast ratio between the #050505 background and #EBEBEB text. DO NOT use vibrant colors other than the Emerald (#10B981) accent. MUST use the specific cubic-bezier(0.16, 1, 0.3, 1) for all motion to avoid a 'cheap' or linear feel. MUST use the 1px white/5 or white/10 borders for containers to define space without heavy shadows.