Briefle
LearnGlossaryPricing

Briefle words · UI design

F-pattern

The common eye path on text-heavy pages: across the top, then down the left edge, reading only the start of each line.

Say it to an AI

Feature list built for an F-pattern scan: icon on the left, then a short front-loaded subheading naming the feature, then a single line of supporting copy in muted grey. Someone who only reads the bold words should still get all three features.

How an expert would brief the stronger version of “Feature section”.

See it

Try it as a puzzle →

“Why Nimbus” section on the marketing site of a cloud hosting platform.

Study A · the weaker one
Study B · the stronger one

Why: B's bold headings sit exactly where the F-shaped glance lands; A's left edge holds only filler openings.

Related words

  • Visual hierarchy
  • Call to action
  • Badge
  • Signal-to-noise ratio
  • Focal point
  • Hero metric
  • Sparkline
  • Key-value pair

Room 2 · Hierarchy & emphasis

Learn “F-pattern” in a five-minute lesson

Start free
AI can build almost anything. The bottleneck is saying what you want.
WordsPricingTermsPrivacyRefundsContact
© 2026 Briefle