frontend-codex

What problem does it solve?

Provides clear, production-facing guidance for designing visually strong landing pages, websites, apps, prototypes, demos, and game UIs where art direction, hierarchy, and motion determine quality rather than component count. It prevents common visual failures like generic card grids, weak branding, cluttered imagery, and aimless motion so the interface reads as deliberate and premium.

Core Features & Use Cases

• Composition-first guidance: Prioritize layout, scale, whitespace, and image-led hierarchy over assembling components.
• Landing page playbook: Hero-first sequence with rules for full-bleed imagery, brand prominence, narrow text columns, and a single dominant idea.
• App UI defaults: Advice for restrained product surfaces—calm surfaces, strong typography, minimal chrome, and one clear workspace.
• Imagery & motion rules: Requirements for real, narrative imagery and 2–3 purposeful motions (entrance, scroll-linked, hover/transition) to reinforce hierarchy.
• Litmus checks & hard rules: Clear acceptance criteria and explicit prohibitions (no default cards, limited typefaces, concise copy).

Quick Start

Design a visually strong landing page concept with a full-bleed hero, a one-line visual thesis, a short content plan (hero, support, detail, CTA), and three intentional motion ideas.