Back to benchmark
Benchmark result

Lunar

lunar.app

Scanned September 7, 2026

Observable Frontend Consistency Score
14/100
— Several areas for review

This score measures Lunar's observable frontend consistency — patterns observable in publicly accessible frontend code and rendered pages, primarily lunar.app's shipped CSS. It is not a complete measure of Lunar's design-system maturity, internal tooling, design process, or team structure, which this benchmark has no visibility into. CSS-in-JS, Tailwind-style utility classes, hashed class names, JavaScript-rendered states, and authenticated product surfaces can all reduce how much is actually observable here. See the full methodology for what is and isn't measured.

Evidence & confidence

Analysis date
September 7, 2026
Surface analyzed
lunar.app homepage (5 of 5 linked stylesheets)
Observable data coverage
4,128 CSS declarations analyzed
Confidence level
High confidence in the observable CSS sample

This confidence level describes the completeness of the observable CSS sample, not the maturity of the organisation's full design system.

A substantial, largely complete set of the site's shipped CSS was gathered and analyzed.

Category scores

Token adoption

3.2/40

Color discipline

5.8/25

Typography discipline

5.1/20

Spacing discipline

0/15

What we found

The highest-leverage issues, ranked by impact.

Adopt CSS custom properties for color

Only 8% of color values reference a design token (var(--...)). Migrating hardcoded hex/RGB values to tokens is the single highest-leverage fix for long-term consistency and theming.

Review near-duplicate colors

We found 41 pair(s) of near-identical colors (e.g. #FFFFFF vs #F2F2F2) — close enough that they're likely candidates for consolidation into a single token, though a static scan can't confirm design intent. Worth a quick manual check before merging.

Large public-facing color palette

90 unique color values were detected in the shipped CSS. This may indicate palette fragmentation, particularly where several appear to serve the same semantic role — though a large palette can also legitimately reflect semantic states, data-visualization colors, multiple themes, or brand/product variants.

Benchmark v1.1

Own or manage Lunar?

Being listed here isn't a submission, endorsement, or verified participation — Lunar has not necessarily reviewed or confirmed this result.