StackOptic
Back to Search
ui-patterns.com favicon

ui-patterns.com

https://ui-patterns.com· First analyzed 11 May 2026· Updated 11 May 2026
Export
ui-patterns.com
Desktop screenshot of ui-patterns.com
Mobile screenshot of ui-patterns.com
Mobile

Sponsored

Hosting Provider

Host Europe GmbH

IP Address

85.25.214.44

Site Location

🇫🇷 Francevia ip

Server Location

🇫🇷 Strasbourg, France

ASN

AS29066

Organization

Host Europe GmbH

Server

Apache

Nameservers

ns02.one.com.ns01.one.com.

Performance

100

Core Web Vitals

Weight

First Contentful Paint
631 ms10%
Speed Index
820 ms10%
Largest Contentful Paint
—25%
Total Blocking Time
0.0 ms30%
Cumulative Layout Shift
0.00025%
1.3 MB
69 requests
0–49
50–89
90–100

Architecture Stack

Monolithic
⚙️ SSR
Infrastructure
Hosting
Host Europe GmbH

Technology Stack

10 Technologies Detected

CSS Frameworks

2
Tailwind CSS
Bootstrap

Analytics

2
Google Analytics
Facebook Pixel

Icon Libraries

1
Font Awesome

Fonts

1
Google Fonts

Tag Managers

1
Google Tag Manager

Email Marketing

1
Klaviyo

Popups & Forms

1
Sleeknote

Web Servers

1
Apachev2.4.18

SEO Analysis

C64/100
17
9
0
Meta Tags9/15
Content11/12
Headings7/8
Technical15/25
E-E-A-T3/7
Images2/7
Links5/5
URL5/5
Social0/5
Freshness0/4
Mobile4/4
Indexability3/3
U
ui-patterns.comui-patterns.com

UI-Patterns.com

User Interface Design Pattern Library. UI patterns for web designers. See screenshot examples and learn how to do great design like the pros.

Title Length15 chars

Recommended: 50-60 chars (~91px / 580px)

Description Length141 chars

Recommended: 120-160 chars

Issues (0)

    9 issues found

    Upgrade to view details

    Crawlability

    Sitemap
    robots.txt

    2 rules

    Local SEO

    Local Search Readiness

    5/100
    Poor
    2 13 2

    This site doesn't appear to be a local business. Local SEO signals are optional for non-local websites.

    Sponsored

    AI & LLM Readiness

    D42/100
    Bot Access
    20/25
    Machine Read.
    11/25
    Schema Data
    0/25
    Citation
    11/25

    AI Bot Access

    14/14 accessible
    AI Search
    OAI-SearchBot
    PerplexityBot
    Claude-SearchBot
    Gemini-Deep-Research
    DuckAssistBot
    Training
    GPTBot
    ClaudeBot
    Google-Extended
    Meta-ExternalAgent
    Bytespiderinfo
    Amazonbot
    Applebot-Extended
    CCBotinfo
    Fetch
    ChatGPT-User

    Machine Readability

    llms.txt
    llms-full.txt
    Semantic HTML
    Heading Hierarchy
    navheader/footer
    Text ratio:5%
    Words:693
    Token eff.:Optimal
    Sections/1K:37.5
    Depth:2/5

    Structured Data

    Microdata

    Citation Readiness

    Opening Summary24w
    Descriptive Headingsavg 2.4w
    Canonical URL
    Open Graph0/3
    Twitter Card0/3
    Language Tag
    Publish Date
    Author Info
    Lists
    Tables
    TL;DR / Summary
    About Page Link
    Recommendations (10)
    AI readiness recommendation preview...
    Upgrade to view recommendations

    Sponsored

    Accessibility

    WCAG 2.1 Compliance

    Evaluates how accessible your website is for users with disabilities, based on WCAG 2.1 guidelines. Checks images, forms, keyboard navigation, ARIA roles, and color contrast.
    B
    70/100
    12
    Passed
    3
    Critical
    2
    Warnings
    Images & Alt Text
    10/20
    Checks if images have descriptive alt text for screen readers and visually impaired users.
    Semantic Structure
    17/20
    Evaluates proper use of HTML5 semantic elements (header, nav, main, footer) and heading hierarchy.
    Forms & Inputs
    10/15
    Verifies form fields have labels, error messages are clear, and inputs are properly associated.
    Color & Contrast
    15/15
    Tests text-to-background color contrast ratios against WCAG AA/AAA minimum requirements.
    Keyboard & Focus
    11/15
    Ensures all interactive elements are reachable and operable via keyboard (tab, enter, escape).
    ARIA & Roles
    7/15
    Checks correct use of WAI-ARIA attributes (roles, states, properties) for assistive technologies.
    4 recommendations
    • •Accessibility recommendation preview...
    Upgrade to view recommendations

    Carbon Footprint

    SWDM v4 · Eco-Score

    Carbon emissions estimated using the Sustainable Web Design Model v4 (SWDM v4). Factors in data center, network, and device energy across new and returning visitors. Grade thresholds based on HTTP Archive percentiles.
    37/100
    C
    168 mg
    CO₂e / view
    1.3 MB
    Page Weight
    70%
    Cleaner Than
    New Visitor
    192 mg
    vs
    Returning (cached)
    96 mg
    Annual (10K/mo)
    20.1 kg
    Emission Segments
    Data Center
    37 mg
    Network
    40 mg
    Device
    90 mg
    Resource Breakdown
    JavaScript
    235.5 KB
    Images
    1.0 MB
    CSS
    26.5 KB
    Fonts
    1.2 KB
    HTML
    16.6 KB
    Other
    1.1 KB
    Green Hosting Not Verified
    Host Europe GmbH
    5 recommendations
    • •Carbon footprint recommendation preview...
    Upgrade to view recommendations
    F

    Security Score

    0%Critical
    Critical / Transactional

    HTTPS

    No WAF

    193d

    Certificate Details

    Type

    Domain Validated (DV)

    Certificate Authority

    DigiCert Inc

    Key Algorithm

    RSA (2048 bit)

    Signature

    SHA-256 with RSA

    TLS Version

    TLSv1.2

    HTTP Protocol

    HTTP/1.1

    Valid From

    06.05.2026

    Valid Until

    20.11.2026

    OCSP Stapling

    Enabled

    Subject Alternative Names (2)

    *.ui-patterns.comui-patterns.com

    SHA-256 Fingerprint

    81:E4:AF:43:B8:77:F9:4D:5A:3C:56:64:93:A1:0B:84:58:99:90:9C...

    Top Recommendations

    Security recommendation preview

    Upgrade to view recommendations
    Upgrade to view header details

    HTTP Headers

    Developer Console

    cache-control
    🟡 0s(max-age=0, private, must-revalidate)
    connection
    Keep-Alive
    content-encoding
    📦 Gzip(gzip)
    content-length
    16694
    content-type
    text/html; charset=utf-8
    date
    Mon, 11 May 2026 09:37:21 GMT
    Good Warning Issue

    Email Infrastructure

    Google Workspace

    Score

    65

    SPF
    DKIM
    DMARC

    DMARC Policy

    None (Monitor Only)

    MX Records (5)

    alt2.aspmx.l.google.com
    aspmx3.googlemail.com
    aspmx.l.google.com
    alt1.aspmx.l.google.com

    +1 more

    Domain Information

    ui-patterns.com

    Domain Age
    18y 8m

    Created

    31.08.2007

    Expires

    31.08.2026

    Last Updated

    01.04.2026

    Registrar

    CSL Computer Service Langenbach GmbH d/b/a joker.com

    DNSSEC
    Not Enabled

    Privacy & Compliance

    Cookie Consent Banner
    Privacy Policy
    Terms of Service

    GDPR Indicators

    Privacy policy page linked

    Mobile Compatibility

    Viewport & Responsive Test

    Tests how well your website works on mobile devices. Checks viewport configuration, responsive layout, touch targets, font readability, and simulates rendering across different screen sizes.
    B
    75/100
    Mobile Friendly1 breakpoint
    Viewport Meta
    The viewport meta tag tells mobile browsers how to scale the page. Without it, mobile devices render at desktop width.
    Responsive Design
    Uses CSS media queries or flexible layouts to adapt content to different screen sizes automatically.
    Touch Icons
    Apple touch icons and favicons displayed when users add the site to their home screen on mobile devices.
    Readable Font Size
    Base font size should be at least 16px on mobile to ensure text is readable without zooming.
    Relative Units
    Using em, rem, %, or vw instead of fixed px values allows content to scale properly across screen sizes.
    No H-Scroll Risk
    No elements wider than the viewport that would cause horizontal scrolling on mobile devices.
    Tap Targets OK
    Interactive elements (buttons, links) are at least 48x48px with enough spacing to prevent accidental taps.
    No Fixed Widths
    No elements with fixed pixel widths that could overflow on smaller screens and break the layout.
    Viewport
    width=device-width, initial-scale=1
    1 recommendation
    • •Mobile compatibility recommendation preview...
    Upgrade to view recommendations

    Typography & Readability

    American Typewriter + Helvetica Neue

    WCAG Partial
    61/100
    Readability
    /30
    21/30

    15px · LH 1.50

    Hierarchy
    /20
    16/20

    2.6x ratio

    WCAG
    /25
    10/25

    1:1 min contrast

    Performance
    /25
    14/25

    System fonts

    Heading Font

    American Typewriter

    Sans40px

    Body Font

    Helvetica Neue

    Sans15px

    Contrast Ratio

    1:1

    21 issues

    Reading Comfort

    ~38 CPL

    Narrow lines
    40px
    h1
    40px
    h2
    28px
    h3
    15px
    p

    ⚠️ Small text: 15px may strain on mobile. Use ≥16px for WCAG compliance.

    ✅ Optimal line spacing: 1.50 ratio (ideal range 1.4–1.6).

    ⚠️ Hard to read: Flesch score 35/100. Simplify sentences for wider reach.

    ⚠️ Partial contrast: 21 elements below WCAG AA threshold (min 1.0:1).

    ⚠️ Minor heading issue: 1 level skip(s) detected. Maintain sequential order for screen readers.

    ✅ Strong hierarchy: Headlines are 2.6x larger than body text.

    GGoogle FontsBuy on MyFontsFlesch 35

    Color Palette

    11 unique colors
    Light
    #ffffff
    Background· 68.2%
    #212429
    Primary· 7.4%
    #658b7e
    Secondary· 4.1%
    #d47c46
    Accent· 3.5%
    #8fb3af
    Secondary· 3%
    #88c5a2
    Secondary· 2.8%
    #c6d3cd
    Secondary· 2.7%
    #f2f1ee
    Secondary· 2.2%

    Business & Marketing Stack

    5 Tools Detected

    Enterprise

    Marketing Automation

    1
    KlaviyoE-commerce

    Email marketing and automation platforms

    Behavior Analytics

    2
    Google Tag ManagerFree
    Google AnalyticsFree

    User behavior and product analytics

    Lead Generation

    1
    SleeknoteSMB

    Popups, forms, and lead capture tools

    Advertising

    1
    Facebook PixelMid-Market

    Ad platforms and retargeting pixels

    4

    Categories

    5

    Total Tools

    0

    Enterprise

    1

    Mid-Market

    Assessment: Sophisticated marketing and sales technology infrastructure

    Sponsored

    Scripts & Styles

    24 Resources

    20
    Scripts
    4
    Styles
    18
    Async
    0
    Defer

    Top Script Sources

    static.klaviyo.com(8)connect.facebook.net(3)static-tracking.klaviyo.com(3)googletagmanager.com(2)sleeknotecustomerscripts.sleeknote.com(1)

    Website Identity

    ui-patterns.com

    anders@learningloop.io
    18 years old
    Location detected: 🇫🇷 Francevia ip
    CSL Computer Service Langenbach GmbH d/b/a joker.com📧 Google Workspaceen

    Sponsored

    Last analyzed: 11 May 2026 at 09:37

    Historical Analysis & Change Tracking