01
Asymmetric tile grid
What's on the live page now. Bordered tiles, first quote spans two rows, last spans two columns.
Overheard at school
“I thought I was alone, but when I came to Whisper, I realized there were so many people going through the same things I was. I realized I wasn't alone.”
“Whisper is a place you can walk into and feel confident that you are going to be seen.”
“Whisper has been the greatest blessing in my life. It changed the way I think and act, and I will forever hold on to the values Whisper has instilled in me.”
“[Whisper] allowed people to become friends with others they didn't think they'd have any connection with normally…It kills gossip, negative vibes, and being quick to judge. It's not you trying to become friends with everybody in the school, but it's to be a better friend to people you already know and to be a light in people's lives.”
02
Editorial rows
Full-bleed rows, hairline separated. Quote left, attribution right. No containers.
Overheard at school
“I thought I was alone, but when I came to Whisper, I realized there were so many people going through the same things I was. I realized I wasn't alone.”
“Whisper is a place you can walk into and feel confident that you are going to be seen.”
“Whisper has been the greatest blessing in my life. It changed the way I think and act, and I will forever hold on to the values Whisper has instilled in me.”
“[Whisper] allowed people to become friends with others they didn't think they'd have any connection with normally…It kills gossip, negative vibes, and being quick to judge. It's not you trying to become friends with everybody in the school, but it's to be a better friend to people you already know and to be a light in people's lives.”
03
Masonry columns
CSS multi-column flow. Quotes break naturally, no boxes, rhythm carried by whitespace alone.
Overheard at school
“I thought I was alone, but when I came to Whisper, I realized there were so many people going through the same things I was. I realized I wasn't alone.”
“Whisper is a place you can walk into and feel confident that you are going to be seen.”
“Whisper has been the greatest blessing in my life. It changed the way I think and act, and I will forever hold on to the values Whisper has instilled in me.”
“[Whisper] allowed people to become friends with others they didn't think they'd have any connection with normally…It kills gossip, negative vibes, and being quick to judge. It's not you trying to become friends with everybody in the school, but it's to be a better friend to people you already know and to be a light in people's lives.”
04
Featured + selector
One quote at display size. Names act as tabs to swap it.
Overheard at school
“I thought I was alone, but when I came to Whisper, I realized there were so many people going through the same things I was. I realized I wasn't alone.”
05
Drag rail
Horizontal scroll. Equal-width cards, scroll-snap, drag or swipe.
Overheard at school
“I thought I was alone, but when I came to Whisper, I realized there were so many people going through the same things I was. I realized I wasn't alone.”
“Whisper is a place you can walk into and feel confident that you are going to be seen.”
“Whisper has been the greatest blessing in my life. It changed the way I think and act, and I will forever hold on to the values Whisper has instilled in me.”
“[Whisper] allowed people to become friends with others they didn't think they'd have any connection with normally…It kills gossip, negative vibes, and being quick to judge. It's not you trying to become friends with everybody in the school, but it's to be a better friend to people you already know and to be a light in people's lives.”
06
Pull-quote wall
No containers. Type scales with quote length; blocks offset off the grid.
Overheard at school
“I thought I was alone, but when I came to Whisper, I realized there were so many people going through the same things I was. I realized I wasn't alone.”
“Whisper is a place you can walk into and feel confident that you are going to be seen.”
“Whisper has been the greatest blessing in my life. It changed the way I think and act, and I will forever hold on to the values Whisper has instilled in me.”
“[Whisper] allowed people to become friends with others they didn't think they'd have any connection with normally…It kills gossip, negative vibes, and being quick to judge. It's not you trying to become friends with everybody in the school, but it's to be a better friend to people you already know and to be a light in people's lives.”
07
Slow ticker
Quotes drift upward continuously. Hover eases it to a stop.
Overheard at school
“I thought I was alone, but when I came to Whisper, I realized there were so many people going through the same things I was. I realized I wasn't alone.”
“Whisper is a place you can walk into and feel confident that you are going to be seen.”
“Whisper has been the greatest blessing in my life. It changed the way I think and act, and I will forever hold on to the values Whisper has instilled in me.”
“[Whisper] allowed people to become friends with others they didn't think they'd have any connection with normally…It kills gossip, negative vibes, and being quick to judge. It's not you trying to become friends with everybody in the school, but it's to be a better friend to people you already know and to be a light in people's lives.”
08
Numbered index
Swiss grid. Large numerals anchor each quote to a baseline column.
Overheard at school
“I thought I was alone, but when I came to Whisper, I realized there were so many people going through the same things I was. I realized I wasn't alone.”
“Whisper is a place you can walk into and feel confident that you are going to be seen.”
“Whisper has been the greatest blessing in my life. It changed the way I think and act, and I will forever hold on to the values Whisper has instilled in me.”
“[Whisper] allowed people to become friends with others they didn't think they'd have any connection with normally…It kills gossip, negative vibes, and being quick to judge. It's not you trying to become friends with everybody in the school, but it's to be a better friend to people you already know and to be a light in people's lives.”
09
Overlapping collage
Rotated cards that overlap. Hover lifts one clear of the stack.
Overheard at school
“I thought I was alone, but when I came to Whisper, I realized there were so many people going through the same things I was. I realized I wasn't alone.”
“Whisper is a place you can walk into and feel confident that you are going to be seen.”
“Whisper has been the greatest blessing in my life. It changed the way I think and act, and I will forever hold on to the values Whisper has instilled in me.”
“[Whisper] allowed people to become friends with others they didn't think they'd have any connection with normally…It kills gossip, negative vibes, and being quick to judge. It's not you trying to become friends with everybody in the school, but it's to be a better friend to people you already know and to be a light in people's lives.”
10
Centered stack
Narrow measure, centered, alternating alignment. Reads like a poem sequence.
Overheard at school
“I thought I was alone, but when I came to Whisper, I realized there were so many people going through the same things I was. I realized I wasn't alone.”
“Whisper is a place you can walk into and feel confident that you are going to be seen.”
“Whisper has been the greatest blessing in my life. It changed the way I think and act, and I will forever hold on to the values Whisper has instilled in me.”
“[Whisper] allowed people to become friends with others they didn't think they'd have any connection with normally…It kills gossip, negative vibes, and being quick to judge. It's not you trying to become friends with everybody in the school, but it's to be a better friend to people you already know and to be a light in people's lives.”
11
Even card grid with attribution
Equal tiles on a tinted ground, quote top-aligned and the attribution pinned to the bottom with an avatar. Six quotes rather than four, so the grid fills out.
Overheard at school
“I thought I was alone, but when I came to Whisper, I realized there were so many people going through the same things I was. I realized I wasn't alone.”
“Whisper is a place you can walk into and feel confident that you are going to be seen.”
“Whisper has been the greatest blessing in my life. It changed the way I think and act, and I will forever hold on to the values Whisper has instilled in me.”
“[Whisper] allowed people to become friends with others they didn't think they'd have any connection with normally…It kills gossip, negative vibes, and being quick to judge. It's not you trying to become friends with everybody in the school, but it's to be a better friend to people you already know and to be a light in people's lives.”
“Whisper has been a saving grace for my son who has struggled with fitting in and social isolation since middle school. When he found Whisper as a high school senior, he jumped in wholeheartedly because Whisper not only gave a voice to his story but also provided l.”
“One of the best things I've ever done in my entire career was move forward with Whisper.”