Files
SlipItIn/.github/skills/slop-eval/references/premium-markers.md
Tim Krampitz 01046b01e4 Neue Skills, Referenzen & OpenWiki-Doku integriert
Umfangreiche Erweiterung der Skill-Bibliothek: Neue Skills für Humanisierung (Englisch/PT-BR), Design-Validierung, AI-SEO und Coolify-Deployment inkl. Regelwerke, Presets, Pattern-Referenzen, Testfälle und Automatisierungsskripte. Zusätzliche Skills für Revenue-Centric Design, Pier Cloud, OKF, Lebenslauf- und LinkedIn-Optimierung sowie zahlreiche Referenzdateien, Checklisten und YAML/JSON/Markdown-Templates. Einführung einer vollständigen OpenWiki-Dokumentation mit Architektur-, Domain- und Workflow-Beschreibungen, zentralem Index und automatisierten Updates. Modularer Aufbau, restriktive Lizenzen und umfassende Qualitäts- und Evaluationsmechanismen für alle neuen Inhalte.
2026-07-26 14:00:58 +02:00

7.6 KiB

Premium markers — the positive rubric

Axes 7 and 8 measure what the design did, not what it avoided. A page can dodge every tell and still be slop because nothing was invented; these two axes are where that failure is priced in.

Axis 7 — Signature & Uniqueness

The uniqueness formula from the law:

uniqueness = one signature artifact + atmosphere + layered depth
           + character display face + one bespoke silhouette
           + a treated nav + real specificity

Score each element 0 / 50 / 100 with a one-line justification; the axis is the mean of the seven.

# Element 0 (absent) 50 (attempted) 100 (strong)
S1 Signature artifact No custom focal object; hero is text on a fill or a stock/prop visual A custom visual exists but is generic enough to paste onto another site ONE high-effort focal object (crafted SVG scene, populated product artifact, illustration, render) that could only belong to this brand
S2 Atmosphere Flat color fill behind everything Some texture/tone in the hero only (dies at the fold — see L11) The background is a composed environment (scene, texture, grain, light) carried down the whole scroll
S3 Layered depth One flat plane Two reads, nothing crossing a boundary Foreground copy / midground focal object / background scene, with at least one element overlapping or bleeding across a layer edge
S4 Character display face Identity rests on a neutral grotesque or a Google-shelf default (T1) A distinctive face chosen by reputation, not brief (T9) A licensed/self-hosted display face with real personality, set large, chosen for this brief (body may stay neutral; system-ui is a legitimately neutral body)
S5 Bespoke silhouette Every shape is a default rectangle/pill One mild customization (a radius decision, a simple notch) One unmistakable custom-cut geometry signing the page (a receipt-torn edge, an invented marker, a specific arrow drawn for the system)
S6 Treated nav Default flush row of links bolted on top Centered or contained but generic The nav is a decision: floated pill, real presence, brand marks threaded in — it belongs to the system
S7 Real specificity Placeholder logos, fake names, lorem-adjacent copy Mixed: some real data among placeholders Real recognizable logos honestly claimable, real names/data inside the product shot, copy written for this product

Signature gate: axis mean < 40 caps the overall at 59. Even the most minimal premium site has at least the signature artifact and a character face.

Axis 8 — Cohesion

"Cohesion is the whole game": the loudest observed failure is not tells, it is individually-fine parts that don't belong to each other. Score each check 0 / 50 / 100; the axis is the mean of the four.

# Check What 100 looks like
H1 One palette, held with discipline A monochrome or tightly-related set; adjacent sections share or hand off tone. 0 = "blue AND green AND a warm accent", each fine alone, ugly together.
H2 One type voice A single family across weights/optical sizes, or one display + one quiet neutral — never two display faces arguing.
H3 One system Nav, buttons, arrows, radii, borders, background speak one language (sharp everywhere, one arrow reused, one gradient threaded through). A page of mismatched fine components reads cheap.
H4 Composed from the brief Sections designed from what this product actually is — not known skeletons restacked and recolored, not a reference site's content reproduced. Reference = direction, never a stencil.

Slop→premium pairs (check before recording a tell)

The same element is slop as the obvious preset and premium when clearly made on purpose for this one screen:

Pattern Slop version Premium version
Glass Frosted box + blue glow ignoring its background; banding, leak, halo, pop (K25) Material over a backdrop worth refracting: refraction, edge dispersion, top-lip highlight, light frost, tuned inner+drop shadows. The gloss is the good part — keep it, fix everything around it
Borders Hard contrasting 1px line on every box (K13) Self-colored border: surface value shifted a hair, 1px stroke at the surface's own color low-opacity, soft top inner highlight — an edge you feel
Accent bar Straight preset bar on a card edge (K15) Invented silhouette: diagonal cut-in, chamfer, notch, custom bracket — geometry drawn on purpose
Icons Pack icons in tiles (K1/K4/K24); zero icons as over-correction Bare bespoke marks in one house style, consistent stroke/corner/grid
Shadow Symmetric black bloom on everything (X6) Tight, low-offset, small blur, tinted to surface or element color, cast from one direction — or no shadow, depth from tone
Glow/light Blue-purple bloom, centered halo (C1/C5) Specific, unexpected color with chosen direction and falloff: a warm volumetric rake, a single beam
Grid Full-page faint graph paper (C15) Tight textured micro-grid behind one panel; sparse blueprint marks (ruler ticks, corner crops, dashed guides)
Gradient Smooth banded wash (C14) Grain/noise dithered into every large transition — a surface that feels physical
App window Empty generic mock with traffic lights (K7) Detailed, fully-populated, real-feeling product UI, floated with depth, clipped at an edge — and only when a product UI actually exists
Footer wordmark Text pasted big: off-center, clipped, no treatment (L20) Anchored flush to the bottom, above the texture, deliberate case + spacing, intentional bleed
Motion Entrance reveals gating content (M1); boops and underline fills (M2/M3) Scroll-authored motion on already-visible elements, authored micro-interactions tuned for one element, gated behind prefers-reduced-motion
Inset island The default closing CTA panel every time (L8) A section floated with margin on all sides, on its own surface + grain, used once where detachment means something
Noise Grain sheet over text and controls (K26 — grain over content) Grain on the substrate at very low opacity: felt, not seen. One masked display word can carry grain as a chosen move

Field notes that outrank everything

  • Decide the signature FIRST, then build sections around it. Miss the artifact and no amount of clean spacing rescues the page.
  • Clean is the floor, never the achievement. Correct spacing + quiet type + zero authored moments = unfinished work wearing restraint as an alibi. Calm is a style; empty is a miss.
  • "Creative" is not "realistic". Photoreal stock reads as the opposite of creative; an authored treatment in ONE medium (cyanotype, riso, pixel art, one illustration style) auto-coheres and signs the page.
  • Type without the Google shelf: Fontshare (Pally, Gambarino, Sentient, Tanker), Velvetyne, or licensed faces (Pangram Pangram, Displaay, Klim), self-hosted. Clash Display / General Sans already read generic. View candidates rendered before picking; never name faces from memory.
  • Component libraries are legitimate foundations (Motion, shadcn/ui, tailark, motion-primitives, kokonut) — take the accessible behavior, throw away the generic styling, art-direct on top. De-slop every prebuilt block as if it were your own work.
  • The antidote to the slop floor is a specific visual reference. When prescribing fixes, point to starting from a concrete reference (Mobbin, Godly, Awwwards-tier sites) — it forces the work off the statistical center. Language from the reference, never its content (H4).