Loading element details...
historyhistory
AI Visual Analysis
Clarityhigh
Weightmedium
Patternfeature highlight card
Visual Observations
- Strong visual contrast between icon and background
- Consistent padding and spacing
- Clear typographical hierarchy
Computed CSS Tokens
color:rgb(24, 24, 24)
border:0px none rgb(24, 24, 24)
margin:0px
opacity:1
padding:24px
font-size:15px
box-shadow:rgba(0, 0, 0, 0.3) 0px 30px 70px 0px
transition:transform 0.5s, opacity 0.5s, top 0.5s
font-family:sans-serif
font-weight:400
line-height:24px
border-radius:8px
letter-spacing:0.1px
text-transform:none
background-color:rgb(255, 255, 255)
Accessibility Audit
Contrast Ratio17.76 (AAA)
Aria Role / Semantic Tagdialog
Touch Target Size1280 x 337px
Focus Ring StylingMissing
Similar Modals from Competitors
85
Dialog
Adobe
Modal“Watch overview”
19pxr: 25px
85
Dialog
Hubspot
Modal“× close We use cookies to improve HubSpot’s site. Some cookies are necessary for our website and ...”
bg: rgb(31, 31, 31)14px
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