Sol element canon
Haberdash is this site's design system: a fixed set of reusable components and the CSS tokens that drive them. This page renders the real components, not a mock. Every page is composed from these parts, so one token change updates all of them at once.
Color
Type
Body Ostrelle vunmar brindquil the farlen dovic; aughtren plemsy the grouvel, and every timsent barrows the nashvet. A link sits inline in the running straythe.
Caption Small body-scale text for captions and fine print. Shared by <caption>, <figcaption>, <small>, and .hbd-caption.
Callout
Summary rows
Card
A card is just an <article> — a self-contained composition.
Step indicator
Plugin form — intent cards (2-up)
Plugin form — amount
Plugin form — fund note & alert
Your gift helps launch this first-of-its-kind study now, while disclosure is unfolding in Washington and we work to keep pace. Every dollar goes directly to the study.
Plugin form — wire details table
Initiate your gift using the details below, then let us know it’s on the way.
| Bank | Sample Bank, N.A. |
|---|---|
| Account name | The Sol Foundation (sample) |
| Checking account number | 0000 0000 0000 |
| Routing number | 000000000 |
| SWIFT (USD) | SAMPLEXX |
| SWIFT/BIC (foreign) | SAMPLEXX |
Plugin form — running total
Step 1 of 4
Your gift
$1,000 · One-time
Form elements
Video card grid — 3-up
The Sol Foundation’s 2027 Symposium will take place in the spring of next year on the East Coast. Please visit the link below to sign up for information as it becomes available. ht
Watch
The Sol Foundation’s 2027 Symposium will take place in the spring of next year on the East Coast. Please visit the link below to sign up for information as it becomes available. ht
Watch
The Sol Foundation’s 2027 Symposium will take place in the spring of next year on the East Coast. Please visit the link below to sign up for information as it becomes available. ht
WatchCards
The time has come for serious, well-funded, and cutting-edge inquiry into Unidentified Aerial Phenomena. Sol’s research agenda cuts across the natural sciences, the social sciences and humanities, engineering, and policy to consider the implications of UAP for our understanding of aspects of nature, such as physics and energy, as well as human institutions like politics, economy, law, and religion.
The time has come for serious, well-funded, and cutting-edge inquiry into Unidentified Aerial Phenomena. Sol’s research agenda cuts across the natural sciences, the social sciences and humanities, engineering, and policy to consider the implications of UAP for our understanding of aspects of nature, such as physics and energy, as well as human institutions like politics, economy, law, and religion.
Inline form
Collection tile
No forum_topic terms to preview yet.
Icons + meta
Inline SVG glyphs (hbd_icon() / .hbd-icon) inherit the text colour and size to the text. Compose them into a hbd-meta row — icon + label items with a divider — for place / date / duration info.
Feature
A centered icon chip, title, and line for a what-to-expect row. Each feature is an <article>, so it sits in a card and the row levels to equal height. The icon scales with the type.
An icon, a title, and a line. Three make a row.
Each feature is an article, so it sits in a white card.
The circle icon scales with the type; cards level to equal height.
Colour band + CTA lockup
Contained rounded panel (hbd-band hbd-band--panel) with a split layout (hbd-cols--split): a bulletless hbd-list beside a centred button lockup (hbd-cta-lockup), both vertically centred. Drop hbd-bleed + hbd-band__inner instead for the full-bleed volunteer-row form.
Tickets available now
Early access supports the event and helps build an informed, engaged community.