frontend-design
Frontend Design
Make websites feel premium and trustworthy — based on peer-reviewed research, not aesthetic opinions.
Core Principles
The brain uses processing fluency as a shortcut: "easy to process = probably true/safe/good" (Reber & Schwarz 1999). Users form stable judgments within 50ms (Tuch et al. 2012). Two factors drive that judgment:
- Low visual complexity — fewer competing elements, clear hierarchy
- High prototypicality — looks like what the user expects for this category of site
This triggers a halo chain (Tractinsky 2000):
Readable + Clean + Predictable → fluent → "beautiful" → perceived usable → perceived trustworthy
Four measurable properties of "premium feel":
| Property | Meaning |
|---|
More from olamedia/analytics-skills
analyze-project
Use when starting work on any project to produce or update living documentation (TechStack.md, ProjectStructure.md) that bootstraps context for any AI agent session. Run before any feature work, or periodically to keep docs current.
13humanizer
>-
12architect
>-
12goal-definition
Use when you have a raw idea or request and need to define a clear goal with success criteria before exploring solutions. Use when requirements are vague, when "what does done look like" is unclear, or when assumptions need surfacing.
11prd
Use when you have a chosen direction and need to formalize requirements into a Product Requirements Document. Use when user stories, acceptance criteria, and scope boundaries need to be written down before architecture or implementation.
10analyze
Use when you have a raw idea or request and want to run the full analytics pipeline automatically — from research through to an interlinked task list. Best for straightforward problems where the full pipeline can flow with minimal back-and-forth.
10