Styleguide

This style guide serves as our single source of truth for maintaining a cohesive and intuitive visual identity. By documenting our core color palette and button logic, we ensure every interaction remains consistent, accessible, and recognizably ours.

Colors

Font Types

text-7xl
text-6xl
text-5xl
text-4xl
text-4xl-bold
text-3xl
text-2xl
text-xl
text-xl-bold
text-lg
text-md
text-sm
text-xs
text-2xs
text-2xs-mono

H1

H2

H3

H4

H5

Copy — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Icons

arrow-dotted
arrow-left-dotted
burger-dotted
chevron-down
chevron-down-dotted
chevron-right-dotted
chevron-up-dotted
close-dotted
download
home-dotted
linkedin-dotted
mail-dotted
pause-dotted
phone-dotted
placeholder
plus

Buttons

Middle
Gridonic Debug Panel
Dastro v3.0.0
stage Environment
Large Viewport
Small Viewport
Variables
Small Viewport --vs
Large Viewport --vl
        
        
        
      
Info Overlays
Layout Tools
Draft Mode
enabled
disabled