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.
Layouts
Each layout is an ordered set of canon sections, rendered by page-hbd-layouts.php. Select one on any page (the “Haberdash layout” box) or preview below. Add one in inc/hbd-layouts.php and it appears here automatically.
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
Social bar
Video card grid — 3-up
To support research and public education on UAP, sign up for a membership with the Sol Foundation: The Sol Foundation Membership Form FOLLOW: X
Watch
To support research and public education on UAP, sign up for a membership with the Sol Foundation: The Sol Foundation Membership Form FOLLOW: X
Watch
To support research and public education on UAP, sign up for a membership with the Sol Foundation: The Sol Foundation Membership Form FOLLOW: X
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.
Passes — choose your pass
$000 Early pricing
Regular pricing after a sample date.
A short blurb for who this pass is for and what it opens up.
Includes a sample extra
$000 Early pricing
Regular pricing after a sample date.
The featured option, marked in navy (the one orange stays on the CTA).
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.
Bio
A person card — a portrait over name, organisation, and a short bio, in that fixed order. Each bio is an <article>, so a row sits in the shared hbd-card-grid and levels to equal height. The reusable people primitive: symposium speakers, the science council, staff. (Sample portraits use the canon starfield; real headshots drop straight in.)
Lorem Institute
Farlen dovic straythe munderol quaive themsit; aughtren plemsy the grouvel timsent barrows the nashvet orlenthy vasker.
Dovic University
Grouvel timsent barrow ilmuth provic endsel jindrel awpcote ceved wrolth bemvane askrit the farlen dovic straythe munderol.
Quaive Foundation
Plemsy aughtren kobal fennrick dalthom vreese ostrelle vunmar brindquil the farlen dovic aughtren plemsy grouvel.
Spotlight
A single featured block — eyebrow, heading, lead, and a CTA — that puts the weight on words, not a photo. The image is optional: add hbd-cols hbd-cols--split to the article for a modest side image, or leave it off and the copy fills the panel (the text-forward form, practical for research). Both forms shown.
Featured research
Brindquil nashvet orlenthy vasker farlen dovic straythe munderol quaive themsit; aughtren plemsy the grouvel timsent barrows the nashvet.
Featured — text only
The same block with no media, so the copy fills the full measure. Grouvel timsent barrow ilmuth provic endsel jindrel awpcote ceved wrolth bemvane askrit.
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.
Feature cards on a navy field
The feature row on a full-bleed hbd-band: the cards take a white surface and keep their type dark, hanging on the navy ground; the band's eyebrow and lead lighten. Drop hbd-bleed + hbd-band__inner for the full-bleed form.
The showcase experience
A white card hangs on the navy field; its type stays dark.
The row levels to equal height across the cards.
Icon chips sit on the light surface, not the ground.
Key-dates rail
A stacked list of labelled facts — applications open, a deadline, a date, a place — for a hero column or a sidebar. The label is an eyebrow; the value reads in serif; a hairline divides each row. An optional note sits under a value.
Collaboration lockup
An eyebrow and a caps partner name split by a hairline — a quiet “in collaboration with” credit for a hero or a band.
In collaboration with Zee Prime Capital
Focus-area icon wall
A quiet N-up grid of stroke icon + short label with no body copy — a set of topics or categories that reads as a galaxy, not a stack of cards. Three up on wide, two then one as it narrows.
Numbered process
A left-to-right run of numbered steps — a disc, a title, a small-caps meta line, and a line of copy — for an application-to-selection flow. A connective rule runs behind the discs on wide viewports. Distinct from the thin hbd-steps progress bar above.
Submit your application and supporting materials by the deadline.
Submissions are reviewed for relevance, technical interest, and suitability.
A smaller group is invited into a deeper review, which may include interviews.
A limited number of teams are invited to present.
Submit checklist
A two-column check list (the hbd-list--check rows in a hbd-list--2col grid) set beside a deadline box — a labelled value, a note, and a primary action on a tinted panel. The split is the shared hbd-cols--split.