📄️ Cores
As cores do Ocean Design System são organizadas em categorias específicas para garantir consistência e acessibilidade em toda a experiência do usuário.
📄️ Tipografia
A tipografia do Ocean Design System define como o texto é apresentado, garantindo legibilidade, hierarquia visual e consistência em toda a experiência do usuário.
📄️ Bordas
As bordas do Ocean Design System definem os raios de borda, larguras, opacidades e sombras que garantem consistência visual em toda a interface.
📄️ Opacity
Os níveis de opacidade definem a transparência dos elementos, criando profundidade e hierarquia visual.
📄️ Shadows
Os níveis de sombra criam profundidade e elevação visual, definindo a hierarquia dos elementos na interface.
📄️ Espaçamentos
Os espaçamentos do Ocean Design System definem as distâncias e margens entre elementos, garantindo consistência visual e hierarquia adequada em toda a interface.
📄️ Breakpoints
Os breakpoints definem os pontos de quebra responsivos do Ocean Design System, permitindo que os componentes se adaptem a diferentes tamanhos de tela.
📄️ Grid
O sistema de Grid do Ocean Design System fornece uma estrutura flexível e responsiva para organizar o conteúdo em layouts consistentes e acessíveis.