Loading element details...
historyhistory
AI Visual Analysis
Clarityhigh
Weightmedium
PatternCall-to-Action Button
Visual Observations
- Clean, modern aesthetic with high contrast text for readability.
- Well-defined rounded corners contribute to a professional feel.
- The visual hierarchy is effectively maintained through consistent padding and clear typography.
Computed CSS Tokens
color:rgb(21, 41, 90)
border:0px none rgb(21, 41, 90)
margin:0px
opacity:1
padding:0px
font-size:14px
box-shadow:rgba(0, 0, 0, 0.28) 0px 8px 28px 0px
transition:all
font-family:"HubSpot Sans", "Lexend Deca", LexendDeca, "Helvetica Neue", helvetica, arial, sans-serif
font-weight:400
line-height:24.5px
border-radius:0px
letter-spacing:normal
text-transform:none
background-color:rgb(31, 31, 31)
Accessibility Audit
Contrast Ratio1.17 (Fail)
Aria Role / Semantic Tagdialog
Touch Target Size1280 x 128px
Focus Ring StylingMissing
Similar Modals from Competitors
85
Dialog
Adobe
Modal“Watch overview”
19pxr: 25px
75
Dialog
Laserfiche
Modal“We use cookies and similar technologies as described in our Cookie Statement. You can manage your...”
16px
85
Dialog
Adobe
Modal“Watch overview”
bg: color19pxr: 25px
85
Dialog
Creatio
Modal“This website uses cookies We may use cookies and similar technologies to collect information abou...”
bg: color15pxr: 8px