AVTL features a clean, corporate, yet modern design aesthetic. The layout is spacious with low density, relying heavily on large typography and high-quality photographic imagery and 3D renderings. A defining characteristic is the extensive use of rounded corners on almost all container elements, creating a soft and approachable feel despite the industrial subject matter. The color palette is grounded in a subtle off-white canvas with stark dark slate text and vibrant green accents for interactive elements. Scroll-triggered animations and sticky 3D models provide an engaging, narrative-driven browsing experience.
- Spacing
- Generous spacing with large vertical margins separating major sections. Padding within cards is ample, allowing content to breathe.
- Shape
- Distinctively soft; almost all structural elements, images, and buttons feature pronounced rounded corners. Large border-radius values (likely 16px-24px) for structural containers and images, with pill-shapes (fully rounded) for primary buttons and small interactive tags.
- Borders
- Minimal use of solid borders; relies primarily on transparent borders (rgba(0,0,0,0.1)) or background color contrasts to define surfaces.
- Buttons
- Primary CTAs are solid green pills; secondary actions ('Learn more') are text with a small green icon button next to them.
- Width
- Wide max-width container with consistent left and right outer margins to frame the content.
- Density
- Low density; the design prioritizes large typography and imagery over cramming information, resulting in a spacious layout.
