Skip to main content

Block Catalog

Simple Blocks

A growing collection of lightweight content, button, divider and text blocks for building flexible Andromeda pages.

Simple Blocks

Heading Blocks

Reusable heading patterns for page intros, section titles, editorial statements and compact content groups.

Simple standalone heading

Centered heading

A clean section title for focused page moments.

Use this heading when the section needs a calm introduction before cards, lists or editorial content.

Left aligned

Give a content group a clear editorial lead-in.

This version works well before practical service lists, support notes or smaller content clusters.

Split heading

Balance a strong title with practical context.

Use the split pattern when a section needs a confident heading but the supporting copy should stay easy to scan beside it.

Heading with action

Invite visitors toward one useful next step.

Pair concise section copy with clear actions when the content needs a gentle conversion path.

Compact

A tighter heading for smaller groups.

Useful before short lists, small resource groups or page notes.

Page intro

A simple inner page introduction.

Use this block when a page needs clear context without a full hero image or complex layout.

Statement

Good pages make the next decision feel obvious.

A short supporting line can soften the statement without diluting it.

Included services

What happens next

Simple Blocks

Button Blocks

Reusable button, link and call-to-action patterns for guiding visitors through flexible Andromeda pages.

Simple Blocks

Text Blocks

Reusable text patterns for introductions, explanations, editorial content, notes and structured page copy.

Use a simple paragraph block when a page needs a calm explanation between larger visual sections. It keeps the rhythm light while giving visitors enough context to understand what comes next.

The copy stays direct, readable and easy to reuse across landing pages, service pages and support content.

A narrow text block gives longer copy a more editorial pace. It works well when the content should feel considered, quiet and easy to read without becoming a full article layout.

Use it for introductions, founder notes, service context or short policy explanations.

Explain a topic with enough detail to be useful.

Rich text blocks support practical page copy such as service explanations, onboarding notes, help content and campaign details. They give editors room to describe what matters without switching to a complex layout.

Keep paragraphs focused, use plain language and add a helpful supporting link only when it genuinely moves the visitor forward.

Use a list when readers need to scan requirements, benefits or included services before making a decision.

  • Clarify what is included in the next step.
  • Group related points into a short, readable set.
  • Keep each item specific enough to be useful.
  • Avoid turning the list into a dense paragraph.

Clear context

Use one column to explain what the visitor should know before they continue through the page.

Practical detail

Use the second column for helpful specifics, timing, requirements or supporting guidance.

A lead paragraph gives the page a stronger editorial opening, helping visitors understand the point of the content before they move into details, cards or supporting sections.

Good to know

Short notes are useful for clarifying timing, expectations or small details without interrupting the main page flow.

Simple Blocks

Divider / Spacer Blocks

Reusable separators and spacing utilities for creating rhythm between Andromeda sections without adding heavy visual elements.

Next section

Small spacer

Medium spacer

Large spacer

Simple Blocks

Quote / Callout Blocks

Reusable quote, statement and callout patterns for highlighting important ideas, testimonials, notes and supporting context.

“Clear page structure makes useful decisions easier for every visitor.”
“The best content patterns help teams move quickly without making every page feel identical.”
Mira Collins Content strategist
“A focused message, enough context and one useful next step can make a small section carry a lot of weight.”
Andromeda editorial note Pattern guidance
Useful pages do not ask visitors to decode the next step.

Good to know

Use a note callout for helpful context that should be visible but not interrupt the main reading flow.

Need a stronger next step?

Use a highlight callout when a page needs to guide visitors toward a practical action without becoming a full CTA section.

Talk to the team

Before you continue

Keep important warnings calm and specific. The goal is to help people avoid confusion, not to create unnecessary alarm.

Before launch

Use a checklist callout when visitors need to prepare a few simple items before the next step.

  • Confirm the main audience and page goal.
  • Prepare final copy for required fields.
  • Check links, forms and contact details.
  • Review mobile spacing before publishing.

Simple Blocks

Image Blocks

Reusable image and media patterns for adding visual context, captions, galleries and editorial imagery to flexible Andromeda pages.

Team members collaborating around a meeting table
Strategy notes and laptops on a workshop table
Workshop tables, notes and shared context help visitors understand the working style behind a service.
Modern office interior with warm natural light
Laptop workspace prepared for focused editorial work
Professional team collaborating in a bright office
Presentation board used during a business strategy discussion
A clear presentation moment for explaining priorities.
Analytics dashboard on a laptop during planning work
Supporting data keeps the visual story practical.
Consulting team discussing project priorities in a workshop
Planning
Team members working together at a shared office table
Collaboration
Analytics dashboard showing digital performance data
Measurement
Calm interior workspace with a reading chair and natural light
Visual statement Give a quiet content moment more atmosphere.