Background Pattern Hero
A hero section with a radial gradient background emanating from the top center. Creates a dramatic primary-colored glow effect that fades into the background. Ideal for landing pages and hero sections that need visual depth and focus.
A hero section with a radial gradient background emanating from the bottom center. Creates a dramatic primary-colored glow effect rising from below. Ideal for sections that need grounding visual weight at the bottom.
A hero section with a simple grid line pattern background. Features evenly spaced horizontal and vertical lines creating a clean grid effect. Ideal for tech, engineering, or data-focused landing pages.
A hero section with a grid pattern that fades from the top-left corner. The grid lines are most visible in the top-left and gradually fade toward the opposite corner. Ideal for asymmetric layouts or when content is positioned toward the bottom-right.
A hero section with a grid pattern that fades from the top-right corner. The grid lines are most visible in the top-right and gradually fade toward the opposite corner. Ideal for asymmetric layouts or when content is positioned toward the bottom-left.
A hero section with a grid pattern that fades from the top edge. The grid lines are most visible at the top and gradually fade toward the bottom. Ideal for hero sections where content is centered or positioned below.
A hero section with a grid pattern that fades from the bottom edge. The grid lines are most visible at the bottom and gradually fade toward the top. Ideal for sections that need visual grounding or when content is positioned above.
A hero section with a grid pattern that fades from the bottom-left corner. The grid lines are most visible in the bottom-left and gradually fade toward the opposite corner. Ideal for asymmetric layouts or when content is positioned toward the top-right.
A hero section with a grid pattern that fades from the bottom-right corner. The grid lines are most visible in the bottom-right and gradually fade toward the opposite corner. Ideal for asymmetric layouts or when content is positioned toward the top-left.
A hero section with a grid pattern that fades from the center outward. The grid lines are most visible in the center and gradually fade toward the edges. Ideal for centered content layouts that need a focused background effect.
A hero section with a diagonal cross-hatch pattern background. Features intersecting 45-degree lines creating an X-pattern grid effect. Ideal for modern, dynamic landing pages with a geometric aesthetic.
A hero section with a diagonal cross-hatch pattern that fades from the top-left corner. The pattern is most visible in the top-left and gradually fades toward the opposite corner. Ideal for asymmetric layouts with geometric styling.
A hero section with a diagonal cross-hatch pattern that fades from the top-right corner. The pattern is most visible in the top-right and gradually fades toward the opposite corner. Ideal for asymmetric layouts with geometric styling.
A hero section with a diagonal cross-hatch pattern that fades from the top edge. The pattern is most visible at the top and gradually fades toward the bottom. Ideal for hero sections with geometric styling where content is centered or below.
A hero section with a diagonal cross-hatch pattern that fades from the bottom edge. The pattern is most visible at the bottom and gradually fades toward the top. Ideal for sections with geometric styling that need visual grounding.
A hero section with a diagonal cross-hatch pattern that fades from the bottom-left corner. The pattern is most visible in the bottom-left and gradually fades toward the opposite corner. Ideal for asymmetric layouts with geometric styling.
A hero section with a diagonal cross-hatch pattern that fades from the bottom-right corner. The pattern is most visible in the bottom-right and gradually fades toward the opposite corner. Ideal for asymmetric layouts with geometric styling.
A hero section with a diagonal cross-hatch pattern that fades from the center outward. The pattern is most visible in the center and gradually fades toward the edges. Ideal for centered content layouts with geometric styling.
A hero section with a dashed grid line pattern background. Features evenly spaced dashed horizontal and vertical lines creating a subtle grid effect. Ideal for technical, blueprint-style, or minimalist landing pages.
A hero section with a dashed grid pattern that fades from the top-left corner. The dashed lines are most visible in the top-left and gradually fade toward the opposite corner. Ideal for asymmetric layouts with a technical aesthetic.
A hero section with a dashed grid pattern that fades from the top-right corner. The dashed lines are most visible in the top-right and gradually fade toward the opposite corner. Ideal for asymmetric layouts with a technical aesthetic.
A hero section with a dashed grid pattern that fades from the top edge. The dashed lines are most visible at the top and gradually fade toward the bottom. Ideal for hero sections with a technical aesthetic where content is centered or below.
A hero section with a dashed grid pattern that fades from the bottom edge. The dashed lines are most visible at the bottom and gradually fade toward the top. Ideal for sections with a technical aesthetic that need visual grounding.
A hero section with a dashed grid pattern that fades from the bottom-left corner. The dashed lines are most visible in the bottom-left and gradually fade toward the opposite corner. Ideal for asymmetric layouts with a technical aesthetic.
A hero section with a dashed grid pattern that fades from the bottom-right corner. The dashed lines are most visible in the bottom-right and gradually fade toward the opposite corner. Ideal for asymmetric layouts with a technical aesthetic.
A hero section with a dashed grid pattern that fades from the center outward. The dashed lines are most visible in the center and gradually fade toward the edges. Ideal for centered content layouts with a technical aesthetic.
A hero section with a glowing gradient orb positioned at the top. Features a blurred primary-colored circle creating a soft ambient glow effect. Ideal for modern, atmospheric landing pages with a premium feel.
A hero section with a glowing gradient orb positioned at the bottom. Features a blurred primary-colored circle creating a soft ambient glow effect from below. Ideal for sections that need visual grounding with a premium atmospheric feel.
A hero section with a spotlight glow effect from the left side. Features a blurred primary-colored circle creating a directional ambient light effect. Ideal for asymmetric layouts where content is positioned on the right.
A hero section with a spotlight glow effect from the right side. Features a blurred primary-colored circle creating a directional ambient light effect. Ideal for asymmetric layouts where content is positioned on the left.
A hero section with a circuit board pattern background. Features interconnected lines and nodes creating a tech-inspired PCB aesthetic. Ideal for technology, electronics, or engineering-focused landing pages.
A hero section with a circuit board pattern that fades from the top-left corner. The pattern is most visible in the top-left and gradually fades toward the opposite corner. Ideal for asymmetric tech-focused layouts.
A hero section with a circuit board pattern that fades from the top-right corner. The pattern is most visible in the top-right and gradually fades toward the opposite corner. Ideal for asymmetric tech-focused layouts.
A hero section with a circuit board pattern that fades from the top edge. The pattern is most visible at the top and gradually fades toward the bottom. Ideal for hero sections with a tech aesthetic where content is centered or below.
A hero section with a circuit board pattern that fades from the bottom edge. The pattern is most visible at the bottom and gradually fades toward the top. Ideal for sections with a tech aesthetic that need visual grounding.
A hero section with a circuit board pattern that fades from the bottom-left corner. The pattern is most visible in the bottom-left and gradually fades toward the opposite corner. Ideal for asymmetric tech-focused layouts.
A hero section with a circuit board pattern that fades from the bottom-right corner. The pattern is most visible in the bottom-right and gradually fades toward the opposite corner. Ideal for asymmetric tech-focused layouts.
A hero section with a circuit board pattern that fades from the center outward. The pattern is most visible in the center and gradually fades toward the edges. Ideal for centered content layouts with a tech aesthetic.
A hero section with a grid pattern featuring dots at intersections. Combines thin grid lines with circular nodes at each crossing point. Ideal for data visualization, network, or connection-themed landing pages.
A hero section with a grid-dots pattern that fades from the center outward. The pattern is most visible in the center and gradually fades toward the edges. Ideal for centered content layouts with a network or connection theme.
