Design Guidelines
To help you understand the visual requirements for each product, we have provided comprehensive guidelines for our hubs and cards. Using these specifications ensures your content is optimized for the Komo platform, providing a seamless and high-quality experience for your users. View hub and card design guidelines presentation
Design Templates
To help you translate your ideas into the card templates you see on the platform, we’ve made our hub & card Figma file available for download. Using these pre-built files ensures your designs are perfectly scaled for the Komo portal, saving you the time of setting up dimensions from scratch.
Open hub and card Figma templates
FAQs
Can I use my own design tool?
Can I use my own design tool?
Yes. Design your assets in any tool, such as Figma or Photoshop, export them, and upload them into Komo.For transparent card covers, export as a PNG with a transparent background. See Advanced Hub and Card Designs.The image picker includes built-in stock libraries on the Unsplash and Pexels tabs.
What image file types can I upload?
What image file types can I upload?
The image uploader accepts PNG, JPEG, WebP and SVG. GIF is accepted on fields that support animation, such as card covers.Transparent PNGs work well for card covers. Some fields, such as Photo Frame frames, don’t accept GIFs.
Can my designs include animation or moving parts?
Can my designs include animation or moving parts?
Yes. Animated GIFs work on card covers. We recommend keeping each GIF under 3MB so it loads quickly on mobile.For the Hub background, we recommend a static image. Animated backgrounds add file size, slow loading and can affect accessibility.For video, use a Video card rather than a cover or background. That page lists the supported formats: mp4, webm, HLS and DASH.
