StackOptic
Back to Search
patterns.dev favicon

patterns.dev

https://patterns.dev· First analyzed 18 May 2026· Updated 18 May 2026
Export
patterns.dev
Desktop screenshot of patterns.dev
Mobile screenshot of patterns.dev
Mobile

Sponsored

Hosting Provider

Amazon Web Services (AWS)
aws.amazon.com

IP Address

3.33.186.135

Site Location

🇨🇦 Canadavia ip

Server Location

🇨🇦 Montreal, Canada

ASN

AS16509

Organization

AWS Global Accelerator (GLOBAL)

Server

Netlify

Nameservers

dns2.p03.nsone.net.dns3.p03.nsone.net.dns4.p03.nsone.net.dns1.p03.nsone.net.

Performance

100

Core Web Vitals

Weight

First Contentful Paint
481 ms10%
Speed Index
625 ms10%
Largest Contentful Paint
—25%
Total Blocking Time
0.0 ms30%
Cumulative Layout Shift
0.00025%
312 KB
31 requests

Image Optimization

Lazy LoadCloudinary
0–49
50–89
90–100

Architecture Stack

JAMstack
🔀 Hybrid
Frontend
Framework
Astrov2.7.2
Styling
Tailwind CSS
Infrastructure
Platform
Netlify
CDN
Cloudinary

Technology Stack

8 Technologies Detected

Frameworks

2
React
Vue.js

Analytics

2
Google Analytics
Google Analytics 4

Meta Frameworks

1
Astro

Other

1
AOS (Animate On Scroll)

CSS Frameworks

1
Tailwind CSS

Platforms

1
Netlify

SEO Analysis

C63/100
17
6
0
Meta Tags7/15
Content10/12
Headings8/8
Technical15/21
E-E-A-T0/7
Images5/7
Links3/5
URL5/5
Social3/5
Freshness0/4
Mobile4/4
Indexability3/3
P
patterns.devpatterns.dev

Patterns.dev

Learn JavaScript design and performance patterns for building more powerful web applications.

Title Length12 chars

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

Description Length93 chars

Recommended: 120-160 chars

Issues (0)

    6 issues found

    Upgrade to view details

    Local SEO

    Local Search Readiness

    3/100
    Poor
    1 14 2

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

    Sponsored

    AI & LLM Readiness

    D48/100
    Bot Access
    20/25
    Machine Read.
    13/25
    Schema Data
    0/25
    Citation
    15/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
    nav
    Text ratio:4%
    Words:961
    Token eff.:Optimal
    Sections/1K:35.4
    Depth:1/5

    Structured Data

    No Schema

    Citation Readiness

    Opening Summary33w
    Descriptive Headingsavg 2.6w
    Canonical URL
    Open Graph3/3
    Twitter Card0/3
    Language Tag
    Publish Date
    Author Info
    Lists
    Tables
    TL;DR / Summary
    About Page Link
    Recommendations (8)
    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.
    A
    81/100
    12
    Passed
    2
    Critical
    0
    Warnings
    Images & Alt Text
    20/20
    Checks if images have descriptive alt text for screen readers and visually impaired users.
    Semantic Structure
    18/20
    Evaluates proper use of HTML5 semantic elements (header, nav, main, footer) and heading hierarchy.
    Forms & Inputs
    15/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
    9/15
    Ensures all interactive elements are reachable and operable via keyboard (tab, enter, escape).
    ARIA & Roles
    4/15
    Checks correct use of WAI-ARIA attributes (roles, states, properties) for assistive technologies.
    1 recommendation
    • •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.
    82/100
    A+
    32 mg
    CO₂e / view
    311.7 KB
    Page Weight
    90%
    Cleaner Than
    New Visitor
    36 mg
    vs
    Returning (cached)
    18 mg
    Annual (10K/mo)
    3.8 kg
    Emission Segments
    Data Center
    2 mg
    Network
    9 mg
    Device
    21 mg
    Resource Breakdown
    JavaScript
    109.7 KB
    Images
    71.9 KB
    CSS
    16.0 KB
    Fonts
    70.4 KB
    HTML
    43.7 KB
    Green Hosting Verified
    Amazon Web Services (AWS)
    Provider Match
    1 recommendation
    • •Carbon footprint recommendation preview...
    Upgrade to view recommendations
    B

    Security Score

    76%Good
    Static / Informational

    HTTPS

    No WAF

    77d

    Certificate Details

    Type

    Domain Validated (DV)

    Certificate Authority

    Let's Encrypt

    Key Algorithm

    ECDSA (secp256r1) (256 bit)

    Signature

    ECDSA with SHA-384

    TLS Version

    TLSv1.3

    HTTP Protocol

    HTTP/2

    Valid From

    05.05.2026

    Valid Until

    03.08.2026

    Subject Alternative Names (2)

    *.patterns.devpatterns.dev

    SHA-256 Fingerprint

    D6:E2:18:CD:B4:65:1D:2D:C9:4A:41:CF:FE:9D:CC:2F:B6:F6:4C:73...

    Recommendations

    Security recommendation preview

    Upgrade to view recommendations
    Upgrade to view header details

    HTTP Headers

    Developer Console

    accept-ranges
    bytes
    age
    6380
    cache-control
    🟡 0s(public,max-age=0,must-revalidate)
    cache-status
    "Netlify Edge"; hit
    content-encoding
    ⚡ Brotli(br)
    content-length
    44452
    Good Warning Issue

    Email Infrastructure

    Custom Mail Server

    Score

    20

    SPF
    DKIM
    DMARC

    DMARC Policy

    None (Monitor Only)

    Domain Information

    patterns.dev

    DNSSEC
    Not Enabled

    Privacy & Compliance

    Cookie Consent Banner
    Privacy Policy
    Terms of Service

    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.
    C
    67/100
    Mobile Friendly
    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

    Lexend + -apple-system

    WCAG AA
    89/100
    Readability
    /30
    25/30

    18px · LH 1.56

    Hierarchy
    /20
    20/20

    5.33x ratio · ✓ H1→H6

    WCAG
    /25
    22/25

    4.74:1 min contrast

    Performance
    /25
    22/25

    System fonts

    Heading Font

    Lexend

    Sans96px

    Body Font

    -apple-system

    Sans18px

    Contrast Ratio

    4.74:1

    WCAG AA (≥4.5:1)

    Reading Comfort

    ~33 CPL

    Narrow lines
    96px
    h1
    40px
    h2
    32px
    h3
    18px
    p

    ✅ Excellent readability: 18px body text is ideal for all devices.

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

    ❌ Very complex text: Flesch score 0/100. Consider shorter sentences and simpler words.

    ✅ WCAG AA contrast: All text meets 4.5:1 ratio (min 4.7:1).

    ✅ Perfect heading hierarchy: Sequential h1→h2→h3 with single H1 — ideal for SEO & accessibility.

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

    Buy on MyFontsFlesch 0

    Color Palette

    10 unique colors
    21:1 AAA Light
    #ffffff
    Background· 74.4%
    #000000
    Text· 10.6%
    #77b8d8
    Primary· 1.9%
    #635366
    Secondary· 1.9%
    #5d78a0
    Secondary· 1.7%

    Business & Marketing Stack

    1 Tools Detected

    Growing

    Behavior Analytics

    1
    Google AnalyticsFree

    User behavior and product analytics

    1

    Categories

    1

    Total Tools

    0

    Enterprise

    0

    Mid-Market

    Assessment: Growing marketing technology adoption

    Sponsored

    Scripts & Styles

    4 Resources

    3
    Scripts
    1
    Styles
    3
    Async
    0
    Defer

    Top Script Sources

    googletagmanager.com(2)google-analytics.com(1)

    Website Identity

    patterns.dev

    Location detected: 🇨🇦 Canadavia ip
    en

    Sponsored

    Last analyzed: 18 May 2026 at 00:41

    Historical Analysis & Change Tracking