Ooto – Productivity Dashboards

Last Updated on August 21, 2026 by Editorial Team

Ooto was created and shared by Adrian Madacs. The package contains four clean productivity dashboards (sessions, meetings, create event, files board) made in Sketch.

What makes Ooto worth studying is how much information it packs into each screen without ever feeling crowded. Look at the sessions dashboard: a search bar, a stat block for total sessions, a callout for users who haven’t answered, and a row of team member cards each carrying an avatar, role, invites, pending count, and a small activity graph. That’s a lot of data points, but the generous white space, consistent card padding, and restrained blue accent color keep everything legible at a glance. This is a kit built by someone who understands that dashboard design is really an exercise in hierarchy, deciding what deserves a big number, what gets a sparkline, and what can live quietly in a caption.

The color palette stays deliberately narrow. A single confident blue carries almost all the interactive weight, buttons, tags, the uploader progress bar, the calendar’s selected date, while the rest of the interface sits on light gray cards against an off white background. Red shows up sparingly as a signal color for pending or overdue items, and that restraint is exactly why it works. When you only use a second accent color for warnings or flags, users learn to trust it instantly.

Where This Kit Fits

Ooto is aimed squarely at SaaS products built around teams, scheduling, and collaboration. Think about the kinds of tools it mirrors:

• Meeting and calendar apps that need to show agendas, attendee lists, and daily schedules side by side
• Team analytics tools tracking sessions, engagement, or activity per user
• File and asset management panels with upload progress and thumbnail previews
• Internal admin panels where you need to invite members, set reminders, and manage events from one compact form

If you’re pitching a client on a workplace tool, a remote-team platform, or an event scheduling product, these four screens give you a believable, well-organized starting point rather than a blank canvas. They’re equally useful as a reference for structuring your own dashboard even if you end up building the visuals from scratch.

Adapting the Cards to Your Own Data

Because the layout leans so heavily on repeatable card components, reworking Ooto for a different product is mostly a matter of swapping content rather than rebuilding structure. A few practical steps:

• Group each card’s elements (avatar, name, stat, graph) so you can duplicate the whole unit and just relink the text and images for new team members or metrics
• Keep the existing spacing and corner radius consistent when you add new cards; the calm, even rhythm of the grid is a big part of why the dashboard reads as clean
• If you swap in your own brand color, apply it only where blue currently appears (buttons, active states, the progress bar) so the hierarchy stays intact rather than tinting every panel
• Replace the placeholder charts with your real data but keep the line weight and muted grid lines subtle so the numbers stay the visual focus, not the chart decoration

The meetings and calendar screens are especially easy to reuse: the day-by-day list on the left and the monthly calendar on the right are independent enough that you can drop either one into a different layout without touching the other.

Pair Ooto with a simple icon set for sidebar navigation and notifications, since the current icons are minimal and would benefit from a matching outline style if you expand the product beyond these four screens. A clean sans-serif typeface is already doing a lot of work here to keep dense text blocks readable, so if you bring in your own type, favor something with similarly even spacing and clear numerals, since so much of this kit’s usefulness rides on numbers being easy to scan.