Skip to content
Style Guide

Components & building blocks

A quick tour of the interface elements that make up the ASoc publication.

Buttons

Alert Messages

Success: Your subscription is confirmed — welcome aboard.
Info: A new issue lands in your inbox every Friday morning.
Warning: Heads up: this draft hasn't been published yet.
Error: Something went wrong — please try again.

Accordions

Yes. Every layout is tuned for legibility first — generous line height, a measured column width, and type that stays comfortable from phone to desktop.

Absolutely. Classic, minimal, grid, and slider layouts all share the same components, so you can mix them across sections without any visual drift.

Standard, video, gallery, and audio formats each get their own treatment while keeping a consistent reading rhythm throughout the article.

Tabs

Clean prose styles with thoughtful spacing, pull quotes, and headings that guide the eye without shouting.

Columns

1

Curate

A short, original column of supporting copy describing this step in the publishing flow.

2

Compose

A short, original column of supporting copy describing this step in the publishing flow.

3

Connect

A short, original column of supporting copy describing this step in the publishing flow.

Typography

Heading One

Heading Two

Heading Three

Body copy set in Be Vietnam Pro. The quick brown fox jumps over the lazy dog while a calm wave rolls across the shore — a comfortable measure for long-form reading.