Sitemap

Home

Welcome to our accessible website featuring modern web development and inclusive design principles.

URL: /

Accessible components

A comprehensive showcase of accessible UI components and design patterns for modern web development.

URL: /accessible-components

Portfolio

A collection of projects demonstrating accessible design and development practices.

URL: /portfolio

Blog

Articles and insights about web accessibility, development best practices, and inclusive design.

URL: /blog

Contact

Get in touch with us for accessibility consulting, development services, or collaboration opportunities.

URL: /contact

Color contrast checker

An interactive tool to check color contrast ratios and ensure WCAG compliance for your designs.

URL: /color-contrast-checker

Accessibility statement

Our commitment to accessibility and information about the accessibility features of this website.

URL: /accessibility-statement

Markdown page example

A demonstration of Markdown content rendering with accessible formatting and typography.

URL: /markdown-page

MDX page example

An example of MDX content combining Markdown with interactive React components.

URL: /mdx-page

Thank you

Confirmation page for successful form submissions and user interactions.

URL: /thank-you

Voice-First Smart Home Assistant

A comprehensive smart home solution designed specifically for users with visual impairments.

Sign Language Bridge

An AI-powered real-time sign language translation system that enables seamless communication between deaf and hearing individuals

AccessGuard

A comprehensive web security solution that ensures both robust protection and WCAG 2.1 Level AAA compliance for enterprise websites

Accessible Learning Hub

An inclusive e-learning platform that adapts to various learning disabilities and provides personalized learning experiences for all students

FinanceForAll

A fully accessible financial management platform that makes banking and investment tools available to users with various disabilities

HealthAccess

An accessible healthcare management system designed for patients with various disabilities to independently manage their medical care

SmartHome Access

An inclusive smart home automation system that enables people with mobility impairments to control their entire home environment independently

AI-Powered Color Palette Generator

An intelligent design tool that generates harmonious color palettes using machine learning, analyzing color theory principles and user preferences to create stunning visual identities

Sustainable Architecture Visualization

An interactive visualization platform for exploring sustainable building designs, featuring energy efficiency simulations and environmental impact assessments

Immersive 3D Product Configurator

A web-based 3D product customization tool that allows customers to visualize and personalize products in real-time with photorealistic rendering

Motion Design System Library

A comprehensive design system for consistent, accessible motion design across web and mobile applications, with built-in performance optimization

Config Everything You Like

Complete reference for src/config.yaml — site, branding, navigation, typography, borders, components, portfolio, blog, and contact. One file controls Palo without code changes.

PostHeader Component

Detail-page header for blog posts and portfolio projects — cover image, breadcrumbs, author block, config.yaml defaults, and progressive image loading.

Blog List and LatestPosts Component

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

BreakoutImage Component

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

Hero Component

Homepage hero with background media, navigation theme, alignment, dividers, and a content slot — used on index.astro with hasHero layout integration.

Projects List and FeaturedProjects Component

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

CreativeSection Component

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

PaloPageHeader Component

Page headers for list pages, static pages, and MDX frontmatter — title, subtitle, bg media, alignment, dividers, navigation theme, and config.yaml defaults.

Navigation Configuration

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.

Phosphor Icons Guide

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

Slogan Component Beta

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.

Tailwind CSS Typography Guide

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

Asset Co-Location Guide

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.

Contact Form Setup & Resend Integration

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.