- Foundations
Shared colors, typography, spacing, layout, and CSS source files.
- Themes
Six visual styles, eight color palettes, and Light, Dark, and Auto modes.
- Components
Native interface elements with independent theme previews, markup, selectors, and source references.
- Icons & Artwork
Searchable current and archived assets, including SVGs, sprites, masks, and pixel icons.
- Illustrations
Accepted and rejected examples, Permanent Marker callouts, color roles, shapes, and an illustration brief.
- Twemoji
Embedded emoji search, category filters, SVG copy, downloads, and attribution.
- Sounds
Recorded and synthesized sound cues with playback, downloads, source mappings, and licensing.
- Motion
Header animations, control transitions, reduced-motion behavior, and local pause controls.
- Voice & Tone
KONVO-based tutorial guidance and examples for explanations, reference text, replies, and errors.
- Video & Podcasts
Interview layouts, episode pages, Shorts, caption typography, and export requirements.
- Who's Online
Globe renderers, visitor tables, interaction states, and privacy boundaries.
- kirupaBot Chat
Chat launcher, panel, composer, message states, source links, and keyboard behavior.
- Forums
Post layout, author hierarchy, typography, spacing, and bot identification.
- Forum Bots
Configured bot roles, posting styles, triggers, source files, and behavior boundaries.
- Accessibility
Requirements for semantics, keyboard access, contrast, text alternatives, reflow, and media.
- Implementation
Source files, generated outputs, build commands, validation, and extension procedures.
- References
Official design-system references and the principles adapted for kirupa.com.
