Hero Customer Satisfaction Bubbles
The hero image area needs real-time business metric tags to supplement customer value information.
Satisfaction, ROI, and other metric bubbles pop in a loop with exit animations.Important:Build a premium corporate website. The homepage must highlight brand vision, business capabilities, customer value, and contact information.
Acceptance Materials
Acceptance Materials
The following records the design requirements and implementation notes for this project, for reference during acceptance review by the project team.acceptance_materials.txt
01Keep the overall visual style bright and clean
02Primary buttons need a clearly clickable state
03The homepage keeps technology-oriented visual elements
04Content modules are carried by cards
05Core copy must cover capability, scenario, and value
06Key numbers are used to emphasize page rhythm
07Primary pages keep a clear call-to-action entry
08Body text no smaller than 14px
09Navigation bar fixed to the top of the page
10Every image needs a caption below it
11Line-height unified at 1.6
12Favicon covers all common sizes
implementation_notes.txt
01The hero image must present the team, the product interface, and the brand domain at the same time.
02Button styles remain unified site-wide, with a 12px corner radius.
03Motion is used to reinforce hierarchy without affecting basic reading.
04The customer stories section keeps its results display slots.
05Mobile layout prioritizes 14px text readability.
06Navigation bar uses position: sticky and stays pinned while scrolling.
07Image alt attributes and captions below images must not be omitted.
Design Notes
Record of Primary Visual and Interaction Effects
The following records the design intent and current implementation of the primary visual and interaction effects, for design review and future iteration reference.Rainbow Gradient Text on Hover
Headings and links need clear visual feedback in their hover state.
Rainbow gradient + sweep highlight + hue rotation + glow.CTA Visual Animation Decoupled from Hit Area
Buttons need stronger dynamic feedback on hover/click while keeping the click area stable.
The visual layer animates with translateY while the hit area stays in place.Liquid Glass Style Navigation Bar
The top navigation needs a translucent material feel with layered depth.
backdrop-filter glass background + sweep highlight + subtle floating animation.Lights-Off Spotlight Mode
Provides a focused reading mode that reduces visual distraction.
Full-screen mask + cursor-following spotlight radius controlling the visible area.Custom Richify Brand Mouse Cursor
Extends brand recognition so cursor movement stays consistent with the page's visual style.
Branded SVG cursor + trailing particle effects.WebGL 3D Gallery on the Customer Stories Page
The customer stories page needs an immersive 3D showcase area.
WebGL particle matrix + mouse interaction + dynamic panels.Footer 3D Diamond and Brand Marquee
The bottom of the page needs a persistently visible brand closing area.
3D rotating diamond + brand marquee + dynamic colors.Hero Team Image with Embedded Brand Logo
The hero image needs to present the team scene and the richify.net brand at the same time.
The richify.net brand mark is embedded in the laptop screen area.