"Only dynamic web pages are truly alive."
The carousel component is a magical tool for breaking the monotony and adding rhythm to web pages. Whether it's a client logo wall scrolling at a steady pace like an assembly line or a 3D tilted gallery with a strong sense of spatial depth, the SX-Creval system provides you with four top-tier Hollywood-style carousel components. You only need to upload images and type a few lines of description, and the system will automatically render a visual feast for you.
1. Gallery Layouts of the Four Major High-End Couture Brands
When adding a marquee module, you can choose the most suitable layout from the following four options based on the type of materials you have:
Style 1: Infinite Auto-Scroll Logo Wall
- Visual features : The most classic "Trust Badge" component. All the images are arranged in a long line, scrolling seamlessly and at a constant speed in the center of the screen.
- Interactive magic : When a visitor's mouse hovers over a logo, the scrolling speed of the entire dragon slows down instantly, allowing the customer to view it carefully; after the mouse is moved away, the scrolling speed returns to normal.
- Suitable for : Highly recommended for the homepage! It's the perfect container for showcasing your "Logos of Fortune 500 Partners," "International Certification Icons such as ISO/CE," or "Mainstream Industry Media Coverage." (It's recommended to upload at least 5-8 images to ensure smooth scrolling.)
Option 2: Standard Gallery Card
- Visual features : A neat, uniform card-style carousel. Each card features a beautifully cropped image at the top and a title and description at the bottom.
- Adaptive Dark Mode (Glassmorphism) : If you have set a dark background for the entire section in the Background Settings, be sure to check "Invert Card Colors"! All white cards will instantly transform into deep, semi-transparent frosted glass, presenting a high-end, technologically advanced feel.
- Applicable scenarios : Suitable for showcasing "6 workshops with standardized production processes" or "8 core testing equipment of the company".
Style 3: Large 1+2 Parallax Slider
- Visual Features : The most visually striking large component! It breaks away from the rigid layout of "every image is the same size". A huge, highly impactful, highlighted image is always displayed in the center of the screen, while the edges of the previous and next images are partially visible on both sides, creating a strong sense of depth parallax effect.
- Interactive magic : When visitors click on the images on either side or swipe the screen, the featured image undergoes an extremely smooth 3D zoom-in transition. The floating text below the image also fades in gracefully.
- Applicable scenarios : It is extremely suitable for displaying "aerial photos of the three core factory areas of an enterprise" or "three core application scenarios of a major flagship product".
Style 4: Standard Tilted Gallery
- Visual Features : It exudes the sophistication of an Apple product launch! Building upon the standard gallery format, all cards exhibit a slight 3D tilt and flip perspective when swiped. This subtle spatial illusion allows your webpage to completely break free from flat design.
- Typography details : The typography of this design has also been revamped, adopting a "broadcast" style. The card description has become the most eye-catching main visual element, while the card title has become a minimalist descriptive line at the top.
- Suitable for : Displaying the “design team’s style”, “core technology patent wall” or any display area that needs to showcase a cutting-edge design.
2. Animation & Experience Optimization
- Smooth, swipe-friendly feel :
All carousel components perfectly support "finger swipe/mouse drag" operation on both mobile and computer, with a silky smooth feel and no stickiness. - Hollywood-level entrance effects :
To avoid making these huge galleries appear jarring, it is strongly recommended that you add a gradual upward entrance animation to the components in the [Animation Settings]. When a visitor scrolls to this section, the entire carousel will slowly appear on the screen with a light breathing effect.
💡 SX-Creval Gallery Curating Tips: Avoiding Common Pitfalls
- Secrets to a sophisticated logo wall :
In Style 1 (self-scrolling logo), do not upload logo images with colorful colors or messy white backgrounds!
The most sophisticated and high-class approach is to use image processing software to convert all of your clients' logos into pure white (or pure dark gray) transparent PNG format , and to ensure they are all the same size. When a row of neat, monochrome logos slowly scrolls across a dark, highlighted background, your company's strength will be unmistakable. - The rule of consistent aspect ratio :
In styles two, three, and four, although the system will automatically crop and optimize, please try to ensure that the original aspect ratios of the images you upload in the same slideshow are similar (e.g., all horizontal images or all square images). This will ensure the smoothest animation during transitions, without unsightly black borders or layout jerks. - The art of restrained copywriting :
The gallery is primarily for viewing images; text is secondary. When filling in the card title and card description, please keep the total number of characters to two lines or less . For example, the title could be "Smart Warehouse," and the description could be "Over 20,000 sqm of AI-managed inventory space." Avoid lengthy descriptions.