logo
Welcome to Our Community

Welcome to Our Community

Experience the power of a modern layout with beautiful background images and flexible content.

Build something amazing with custom colors

A flexible layout with sticky header, hero section, and support for primary, secondary, and accent colors in both light and dark modes.

Flexible Design for Every Device

Coding on a laptop

Attention to Detail

Analytics on a screen

Image Cards

Always Visible

Always Visible

This content is always visible over the background image.
Hover to Reveal

Hover to Reveal

This content only appears when you hover over the card, creating a clean initial look.
Big & Centered

Big & Centered

Theme Colors

P

Primary Color

Used for main actions, branding, and key highlights. Automatically adapts to dark mode.

S

Secondary Color

Perfect for supporting text, background elements, and less prominent features.

A

Accent Color

Adds flair and draws attention to specific elements like decorations or warnings.

Secondary card

Secondary card

Content with secondary variant

Accent card

Accent card

Content with accent variant

Primary card

Primary card

Content with default primary variant

Custom color card

Custom color card

Content with custom tailwind color (if exists)

Ready to get started?

This layout is built with Tailwind CSS v4 and Astro, making it fast and easy to customize.