Blog: Documentation

Explore Phosphor Icons integration in Palo - comprehensive guide covering all icon styles (Regular, Fill, Bold, Thin, Light, Duotone), stroke weights, real demonstrations with the same icons across different styles, and practical usage examples in components and navigation menus

Learn how to customize your contact form fields, radio/checkbox options, and set up Resend email service with Vercel environment variables — including API key security best practices.

Master Palo's asset co-location pattern — keep images next to your Markdown files, reference them with ./ paths, and choose the right syntax for automatic WebP optimization, responsive srcset, or precise crop control.

Learn how to customize your website's main navigation menu in Palo — edit menu items and social links in src/navigation.ts, tune header appearance in config.yaml, and wire up QR codes, icons, and the launcher.

Display brand slogans with three variants — default, inline fit-to-width, and seamless marquee scrolling. Covers all props, Footer integration, ResizeObserver behavior, and prefers-reduced-motion handling.

A practical guide to using Tailwind CSS utility classes for typography and styling

Flexible section wrapper with image/video backgrounds, overlay, alignment, dividers, and a content slot — used on the homepage hero and footer brand block.

Blog list pages, tag filters, LatestPosts component, and the full config.yaml blog section — pagination, layout spacing, and latestComponent defaults.

Full-width, wide, and contained image layouts in MDX — co-located ./ paths, responsive WebP srcset, dominant-color placeholders, and TOC-aware breakpoints.

Portfolio list pages, tag/type filters, FeaturedProjects component, and the full config.yaml portfolio section — pagination, layout, columns, and scene overrides.