StackOptic
Back to Search
frontendmentor.io favicon

frontendmentor.io

https://frontendmentor.io· First analyzed 01 May 2026· Updated 01 May 2026
Export
frontendmentor.io
Desktop screenshot of frontendmentor.io
Mobile screenshot of frontendmentor.io
Mobile

Sponsored

Hosting Provider

Cloudflare
cloudflare.com

IP Address

172.66.40.226

Site Location

🇨🇦 Canadavia ip

Server Location

🇨🇦 Toronto, Canada

ASN

AS13335

Organization

Cloudflare, Inc.

Server

Cloudflare

CDN

Cloudflare

WAF

Cloudflare

Nameservers

lee.ns.cloudflare.com.may.ns.cloudflare.com.

Performance

100

Core Web Vitals

Weight

First Contentful Paint
525 ms10%
Speed Index
682 ms10%
Largest Contentful Paint
—25%
Total Blocking Time
0.0 ms30%
Cumulative Layout Shift
0.00025%
886 KB
71 requests

Image Optimization

Lazy LoadWebPResponsiveCloudinaryVercel Image Optimization
0–49
50–89
90–100

Architecture Stack

Hybrid
🔀 Hybrid
Frontend
Framework
Next.js
Styling
Tailwind CSS
Infrastructure
Hosting
Cloudflare
CDN
Cloudflare

Progressive Web App

Web ManifestApple Touch Icon

Technology Stack

6 Technologies Detected

CSS Frameworks

2
Tailwind CSS
Ant Design

Meta Frameworks

1
Next.js

Icon Libraries

1
Font Awesome

Analytics

1
Fathom Analytics

CDN

1
Cloudflare

SEO Analysis

B77/100
24
3
1
Meta Tags15/15
Content10/12
Headings8/8
Technical18/25
E-E-A-T0/7
Images4/7
Links5/5
URL5/5
Social5/5
Freshness0/4
Mobile4/4
Indexability3/3
F
frontendmentor.iofrontendmentor.io

Learn to Code for Free by Building Real-World Projects

Build frontend and full-stack projects with professional Figma designs. Practice HTML, CSS, JavaScript, React, Node, and more for free.

Title Length54 chars

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

Description Length135 chars

Recommended: 120-160 chars

Issues (1)

  • • Most images missing alt text (17/33) — critical for accessibility and SEO

4 issues found

Upgrade to view details

Crawlability

Sitemap

Type: standard

282 URLs

robots.txt

11 rules

Sitemap reference found

Local SEO

Local Search Readiness

6/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

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
navheader/footer
Text ratio:9%
Words:1,144
Token eff.:Optimal
Sections/1K:21.9
Depth:2/5

Structured Data

No Schema

Citation Readiness

Opening Summary20w
Descriptive Headingsavg 4.3w
Canonical URL
Open Graph3/3
Twitter Card3/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
89/100
14
Passed
0
Critical
0
Warnings
Images & Alt Text
20/20
Checks if images have descriptive alt text for screen readers and visually impaired users.
Semantic Structure
20/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
13/15
Ensures all interactive elements are reachable and operable via keyboard (tab, enter, escape).
ARIA & Roles
6/15
Checks correct use of WAI-ARIA attributes (roles, states, properties) for assistive technologies.

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.
68/100
B
90 mg
CO₂e / view
886.1 KB
Page Weight
80%
Cleaner Than
New Visitor
102 mg
vs
Returning (cached)
51 mg
Annual (10K/mo)
10.7 kg
Emission Segments
Data Center
4 mg
Network
26 mg
Device
59 mg
Resource Breakdown
JavaScript
440.4 KB
Images
168.2 KB
CSS
20.7 KB
Fonts
152.0 KB
HTML
13.9 KB
Other
91.0 KB
Green Hosting Verified
Cloudflare
GWF Verified
4 recommendations
  • •Carbon footprint recommendation preview...
Upgrade to view recommendations
F

Security Score

26%Critical
Interactive

HTTPS

WAF

79d

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

20.04.2026

Valid Until

19.07.2026

Subject Alternative Names (1)

www.frontendmentor.io

SHA-256 Fingerprint

E6:EC:B1:3D:CF:EA:2D:A7:33:D1:C2:7B:3A:24:E7:3B:76:19:C7:19...

Top Recommendations

Security recommendation preview

Upgrade to view recommendations
Upgrade to view header details

HTTP Headers

Developer Console

cache-control
⚪ Custom(s-maxage=86400, stale-while-revalidate=31449600)
cf-cache-status
DYNAMIC
cf-ray🇦🇹 Vienna
9f4e3128db21e34f-VIE
content-encoding
⚡ Brotli(br)
content-type
text/html; charset=utf-8
date
Fri, 01 May 2026 10:44:38 GMT
Good Warning Issue

Email Infrastructure

Google Workspace

Score

100

SPF
DKIM
DMARC

DMARC Policy

Reject (Strictest)

MX Records (5)

alt1.aspmx.l.google.com
alt4.aspmx.l.google.com
alt2.aspmx.l.google.com
aspmx.l.google.com

+1 more

Domain Information

frontendmentor.io

Domain Age
7y 11m

Created

14.05.2018

Expires

14.05.2027

Last Updated

19.04.2026

Registrar

NameCheap, Inc.

DNSSEC
Not Enabled

Privacy & Compliance

iubenda

Cookie Consent Banner
iubenda
Privacy Policy
Terms of Service

GDPR Indicators

Cookie consent banner detected
CMP: iubenda
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.
A
81/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

Barlow + Heebo

WCAG Partial
73/100
Readability
/30
23/30

21px · LH 1.50

Hierarchy
/20
17/20

2.53x ratio · ✓ H1→H6

WCAG
/25
17/25

1:1 min contrast

Performance
/25
16/25

2 fonts · 8 req

Heading Font

Barlow

Sans54px

Body Font

Heebo

Sans21px

Contrast Ratio

1:1

5 issues

Reading Comfort

~32 CPL

Narrow lines
54px
h1
45px
h2
45px
h3
21px
p

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

✅ 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: 5 elements below WCAG AA threshold (min 1.0:1).

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

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

Buy on MyFontsFluid Type (rem)Flesch 35

Color Palette

7 unique colors
15.8:1 AAA Light
#fafafa
Background· 66.1%
#1e1f21
Text· 12.1%
#48599b
Primary· 9.8%
#dbdde2
Border· 3.8%
#5b4174
Secondary· 2.4%
#2e3b6e
Secondary· 1.2%

Business & Marketing Stack

2 Tools Detected

Growing

Behavior Analytics

2
FathomSMB
Google AnalyticsFree

User behavior and product analytics

1

Categories

2

Total Tools

0

Enterprise

0

Mid-Market

Assessment: Growing marketing technology adoption

Sponsored

Scripts & Styles

21 Resources

20
Scripts
1
Styles
20
Async
0
Defer

Top Script Sources

local(19)cdn.usefathom.com(1)

Website Identity

frontendmentor.io

7 years old
Location detected: 🇨🇦 Canadavia ip
NameCheap, Inc.📧 Google Workspaceen

Sponsored

Last analyzed: 01 May 2026 at 10:44

Historical Analysis & Change Tracking