Barakah Culture 
Mohammed Faris · 8 min
The Weight of Time: Measuring Time Beyond the Clock
Mohammed Faris · 8 min Layout Grid System
Editors choose a layout (the grid), then fill each slot with a compatible card type.
L — Large slot M — Medium slot S — Small slot
1
Card Types
The building blocks that fill layout slots. Each has a minimum slot size.
Hero Card
Slot: L Full background image + scrim + white overlay text. Cinematic editorial presence.
Featured Card
Slot: L The Weight of Time: Measuring Time Beyond the Clock
I want to propose seven dimensions through which we can measure and increase the weight of our time.
8 min
Existing component. Side-by-side image + content. Needs the full width.
Standard Card
Slot: M
How Getting a Chicken Roll Can Be an Act of Worship
Before every action, they needed to pause and ask themselves, 'How can I please Allah SWT through this?'
Existing component. Vertical image-on-top card. Works in medium or large slots.
Compact Card
Slot: S / MHorizontal thumbnail + text. Fits stacked in narrow columns or small slots.
Reading List Card
Slot: MVertical card with image, badge, title, and article count. Cream-tinted feel.
Reading List CTA
Slot: M / SDark navy callout card. No image — text-driven with article count. Stands out from article cards.
Quote Card
Slot: M / SPull-quote forward. Leads with a compelling excerpt instead of image. Draws readers into the writing.
Text-Only Card
Slot: M / SNo image at all. Pure typography. Works when you want density or when the writing sells itself.
Numbered Card
Slot: SRanked/numbered list. Great for "Editor's Picks" or "Top 3" sections. Very compact.
2
Layout Grids
Available grid skeletons. Each slot shows its size class and compatible card types.
1. Full
L Hero · Featured
2. Split
M Standard · RL Card · RL CTA
M Standard · RL Card · RL CTA
3. Lead + Aside
L Hero · Featured · Standard
M Standard · RL Card · RL CTA
4. Lead + 2 Stack
L Hero · Standard
S Compact · RL CTA
S Compact · RL CTA
5. Triple
M Standard · RL Card
M Standard · RL Card
M Standard · RL Card
6. Banner + Triple
7. Banner + Pair
8. Quad
M Standard · RL Card
M Standard · RL Card
M Standard · RL Card
M Standard · RL Card
3
Example Combinations
Layouts filled with different card mixes to show the range of possibilities.
Layout 1 (Full) 1 Hero Card
Layout 1 (Full) 1 Featured Card
The Weight of Time: Measuring Time Beyond the Clock
I want to propose seven dimensions through which we can measure and increase the weight of our time.
8 min
Layout 2 (Split) Standard + RL CTA
The Weight of Time: Measuring Time Beyond the Clock
I want to propose seven dimensions through which we can measure and increase the weight of our time.
Ramadan Productivity Guide
A curated collection of articles to help you make the most of Ramadan.
Layout 2 (Split) RL Card + RL Card
Layout 3 (Lead + Aside) Hero + RL CTA
Layout 3 (Lead + Aside) Hero + Standard
Barakah Culture Mohammed Faris · 8 min
The Weight of Time: Measuring Time Beyond the Clock
Mohammed Faris · 8 min How Getting a Chicken Roll Can Be an Act of Worship
Before every action, they needed to pause and ask themselves, 'How can I please Allah SWT through this?'
Layout 4 (Lead + 2 Stack) Hero + 2 Compact
Layout 5 (Triple) 3 Standard Cards
The Weight of Time: Measuring Time Beyond the Clock
I want to propose seven dimensions through which we can measure and increase the weight of our time.
How Getting a Chicken Roll Can Be an Act of Worship
Before every action, they needed to pause and ask themselves, 'How can I please Allah SWT through this?'
The Prophetic Model of Emotional Intelligence
Exploring how the Prophet Muhammad (peace be upon him) demonstrated remarkable emotional awareness.
Layout 5 (Triple) Standard + RL Card + RL CTA
The Weight of Time: Measuring Time Beyond the Clock
I want to propose seven dimensions through which we can measure and increase the weight of our time.
Reading List
Ramadan Productivity Guide
A curated collection of articles to help you make the most of Ramadan.
12 articles →Morning Routines for Muslims
Start your day with barakah — practical morning rituals rooted in the Sunnah.
Layout 6 (Banner + Triple) Hero + 3 Standard
How Getting a Chicken Roll Can Be an Act of Worship
Before every action, they needed to pause and ask themselves, 'How can I please Allah SWT through this?'
The Prophetic Model of Emotional Intelligence
Exploring how the Prophet Muhammad (peace be upon him) demonstrated remarkable emotional awareness.
The Weight of Time: Measuring Time Beyond the Clock
I want to propose seven dimensions through which we can measure and increase the weight of our time.
Layout 7 (Banner + Pair) Featured + RL Card + RL CTA
The Weight of Time: Measuring Time Beyond the Clock
I want to propose seven dimensions through which we can measure and increase the weight of our time.
8 min
Layout 6 (Banner + Triple) Hero + Standard + RL Card + RL Card
How Getting a Chicken Roll Can Be an Act of Worship
Before every action, they needed to pause and ask themselves, 'How can I please Allah SWT through this?'
Reading List
Ramadan Productivity Guide
A curated collection of articles to help you make the most of Ramadan.
12 articles → Reading List
Morning Routines for Muslims
Start your day with barakah — practical morning rituals rooted in the Sunnah.
8 articles → Layout 3 (Lead + Aside) Hero + Quote Card
Layout 4 (Lead + 2 Stack) Overlay + Numbered List
Layout 5 (Triple) Overlay + Overlay + RL CTA
Layout 5 (Triple) 3 Text-Only Cards
Barakah Culture
The Weight of Time: Measuring Time Beyond the Clock
I want to propose seven dimensions through which we can measure and increase the weight of our time.
IntentionHow Getting a Chicken Roll Can Be an Act of Worship
Before every action, they needed to pause and ask themselves, 'How can I please Allah SWT through this?'
SpiritualityThe Prophetic Model of Emotional Intelligence
Exploring how the Prophet Muhammad (peace be upon him) demonstrated remarkable emotional awareness.
Layout 7 (Banner + Pair) Featured + Quote + Numbered
The Weight of Time: Measuring Time Beyond the Clock
I want to propose seven dimensions through which we can measure and increase the weight of our time.
8 min