LunaSites Site Design
Shape a consistent visual system with themes, colors, typography, reusable presets, section layout, the Style Panel, and responsive design.
Site Design guides
Start with the visual system, then refine reusable components, collaborative workflows, responsive behavior, and the path from private draft to published site.
Footer
Build a global LunaSites footer with clear information architecture, standard blocks, responsive columns, accessible controls, and complete-site publishing.
Navbar
Design and manage the global LunaSites navbar through page-driven navigation, submenu modes, responsive areas, branding, actions, and accessible interactions.
The Style Panel
Use the Default and On Hover tabs to refine responsive spacing, typography, backgrounds, borders, effects, transforms, and transitions.
Style Presets
Create and manage reusable block presets, understand the Default Theme baseline, and keep local exceptions intentional.
Publish a Site
Publish a complete LunaSites project when a release spans multiple pages, navigation, the theme, reusable design rules, or other global site settings.
Responsive Design
Turn a desktop composition into a strong tablet and mobile experience with responsive positions, spacing, content order, and real-view verification.
Fonts & Typography
Choose font families and build a readable type scale for headings, paragraphs, and reusable text styles in LunaSites.
Private & Published
Understand LunaSites Private and Published states, how drafts appear in the editor, and what changes when content is released or retracted.