Fernlight · pattern library
Editorial sections
Mid-page building blocks for homepages and landing pages — bento grids, values, stats, testimonials, FAQs, and feature strips.
Editorial bento grid — fernlight/bento-editorial
This week
The lead essay, given the most room
A sentence or two of standfirst to draw the reader into the featured piece.
A second piece
One line of context.
“A short pulled line that adds a little texture.”
Three editorial notes — fernlight/three-notes
01
Notice
Name the first principle, observation, or benefit in a few grounded sentences.
02
Consider
Offer a second perspective that helps readers compare, reflect, or choose.
03
Begin
Close with a practical next step that feels possible today.
Image and editorial note — fernlight/image-text-feature
Featured note
Pair one strong image with one clear thought.
Add context, a personal observation, or a useful invitation. Keep the copy brief enough that the image still has room to speak.
Editorial callout — fernlight/editorial-callout
Worth remembering
Put the useful part where nobody can miss it.
Summarize the practical takeaway, define an important term, or give the reader a small action to try next.
Values (three pillars) — fernlight/section-values
01
Slow over fast
A sentence or two on the first principle behind the work.
02
Depth over reach
A sentence or two on the second principle.
03
Care over volume
A sentence or two on the third principle.
Credibility stat row — fernlight/section-stats
200+
Essays published
8k
Readers subscribed
6
Years writing
Testimonial row — fernlight/section-testimonials
Kind words
“A sentence in the reader’s own words about what your writing did for them.”
Reader name
“A second short quote — specific beats glowing every time.”
Reader name
“A third quote to round out the row.”
Reader name
FAQ accordion — fernlight/section-faq
Questions, answered
How often do you publish?
A short, honest answer. Keep it to two or three sentences.
Can I share or reprint your work?
State your terms plainly so readers and editors know where they stand.
How do I get new pieces by email?
Point readers to the newsletter and what to expect after they subscribe.
As seen in (logo strip) — fernlight/section-logo-strip
Featured in
Publication
Journal
Quarterly
Review
About strip — fernlight/wow-about-strip
About
Hello, I write here.
Two or three sentences on who you are, what you pay attention to, and why someone should keep reading. Keep it warm and specific — this is the line that turns a visitor into a subscriber.
— Your name
Topic tiles — fernlight/wow-topic-tiles
Browse by topic
Featured post spotlight — fernlight/wow-featured-post
Featured
-
Why white space is a feature
Continue reading: Why white space is a featureThe empty parts of a page are not wasted. They are where reading actually happens.
Key takeaways box — fernlight/wow-key-takeaways
Key takeaways
- The single idea a reader should leave with.
- A supporting point or surprising detail.
- What to do, try, or notice next.