Brand application defines how the Alius design system is implemented across all touchpoints. Each application context has specific requirements while maintaining consistency with the core brand identity.

Website

The Alius website is the primary public-facing brand expression:

  • Homepage: Communicates brand positioning, featured products, community highlights, and call-to-action for getting started
  • Product Pages: Showcase hardware and software products with specifications, images, and documentation links
  • About Page: Brand story, team, mission, and values
  • Contact Page: Support channels, partnership inquiries, and community links

Website Brand Rules

  • Top navigation follows the standard navigation pattern
  • Footer includes logo, primary links, social links, and legal information
  • Hero sections use Display typography and brand photography style
  • Color usage follows the brand, neutral, and semantic color system
  • Dark mode is supported throughout

Documentation Center

The docs center is the most content-heavy brand application:

  • Structure: Left sidebar navigation, center content area, right TOC
  • Content: API references, guides, tutorials, changelogs, and FAQs
  • Search: Full-text search across all documentation
  • Versioning: Multi-version documentation with version switch
  • Internationalization: Language switch for translated content

Documentation Brand Rules

  • Typography prioritizes readability (Docs font layer)
  • Code blocks use the Mono/Code font layer with syntax highlighting
  • Callout blocks use semantic colors (blue for info, yellow for warning, red for danger, green for tip)
  • Navigation follows the documentation patterns specification
  • Pages follow the unified documentation structure

Software Client

The desktop or web-based software client for configuring and controlling Alius products:

  • Dashboard: Overview of connected devices, recent activity, and system status
  • Configuration: Forms and editors for device and system configuration
  • Terminal: Built-in terminal for CLI commands and log output
  • Monitoring: Real-time data visualization for device sensors and performance

Software Client Brand Rules

  • UI typography follows the UI font layer
  • Follow the data entry patterns for all configuration forms
  • Use the feedback patterns for all operation results
  • Dark mode is the default (with light mode available)
  • Minimize decorative elements — tool feel over marketing feel

Hardware

Physical products, packaging, and printed materials:

  • Product Enclosure: Brand mark placement, product name, model number, regulatory marks
  • Packaging: Box design with product image, name, key specs, and brand colors
  • Quick Start Guide: Printed insert with setup steps and safety information
  • Label / Sticker: Product serial number, QR code linking to docs, compliance marks

Hardware Brand Rules

  • Logo placement follows the logo usage guidelines (clear space, minimum size, do not distort)
  • Brand color is used sparingly on physical products — neutral and material colors dominate
  • Typography on printed materials uses the brand font family
  • Photography style follows the Image & Illustration guidelines

Open Source Projects

GitHub repositories, README files, and community-facing project pages:

  • Repository README: Consistent template with project description, installation, usage, contributing guidelines, and license
  • Repository Brand: Use the Alius logo in the repository social preview image
  • Issue Templates: Standardized templates for bug reports, feature requests, and questions
  • Pull Request Templates: Standardized template with checklist and description format
  • GitHub Pages: Project documentation sites following the documentation center patterns

Open Source Brand Rules

  • Maintain consistent visual identity across all repositories
  • Use the copywriting guidelines for all community-facing text
  • Follow the documentation patterns for README files and wiki content
  • Use the component system for any web-based project pages