No. 11 of 98 The Taste Index Edition 01
Taste Score
80
Cards fill the hero. The dashboard screenshot below shows an empty table editor.
(opens in a new tab)
(opens in a new tab)
01Categories
Each category is scored out of 100 and carries the weight shown. How the score works
-
Typography
The typefaces and how they pair, the size steps from headline to body text, and the length and spacing of lines.
Weight 20%
81 out of 100
-
Colour
How many colours, what the accent marks, and whether text reads against its background.
Weight 12%
82 out of 100
-
Layout and spacing
The grid, how edges line up, the gaps between blocks, and what you read first.
Weight 20%
85 out of 100
-
Imagery and polish
The images and icons, whether buttons and cards match, and anything broken or cut off.
Weight 15%
75 out of 100
-
Distinctiveness
Whether the page looks like its own work or like a template. Originality counts only when it is well made.
Weight 13%
70 out of 100
-
Mobile
The phone layout: text size, tap target size, and anything cramped or running off the screen.
Weight 12%
82 out of 100
-
Performance
How fast the main content appears, how much the page shifts while it loads, and how heavy it is.
Weight 8%
90 out of 100
02Judge’s notes
The judge works from the screenshots and never learns whose page it is. We edit its notes into plain English.
Strengths
- 01Each card has a line drawing: elephant, globe, cube.
- 02The headline splits into two short lines, the second green.
Improvements
- 01On phones, the cards shed their drawings, leaving plain text.
03Measured
Read from the desktop page in the browser.
- Typefaces
- Inter
- Manrope
- Source Code Pro mono
Font families that set at least 3% of the text.
- Palette
- #fdfdfd
- #696969
- #dadada
- #030303
- #15593b
- #feb8b2
- #6b35dc
The most-used neutrals, then the most-used colours, from text, backgrounds and borders.
- Contrast
91%
of measured text passes WCAG AA
- Largest paint
0.29 s
until the main content appears, on one cold load
- Page weight
2.4 MB
transferred on that load
04Tasteful badge
Homepages that score 80 or more get the Tasteful badge. Paste the HTML into your site. The badge links to this page and changes with each edition.
<a href="https://headoftaste.ai/supabase.com/"><img src="https://headoftaste.ai/badge/supabase.com.png" width="300" height="80" alt="Tasteful · Head of Taste"></a>
Corrections
We re-crawl a homepage after a redesign, and remove any company that asks.