Design system · Blocksy + Stackable
Global Styles
Every common block on the Ailurus Trust site, styled once and ready to reuse. Colors come from the Blocksy palette, type and spacing from the Stackable Design System, and nothing here uses custom CSS.
Typography
Type scale
Young Serif for display headings, Figtree for reading and interface, DM Mono for labels and field data.
Heading 1
Young Serif 400 · 74 / 56 / 42
Keep the forest standing
Heading 2
Young Serif 400 · 50 / 40 / 32
Built for a life in the trees
Heading 3
Young Serif 400 · 28 / 26 / 23
Forest Guardians
Heading 4
Figtree 600 · 20
Mostly bamboo
Heading 5
Figtree 600 · 18
Patrol and record
Heading 6
DM Mono 500 · 12.5 · uppercase
Field note · 14 September
Subtitle
DM Mono 500 · 12.5 · uppercase · Russet
Eastern Himalaya · 2,200–4,800 m
Lede
Figtree 400 · 21 / 19 / 18
We work with the villages of eastern Nepal to protect the fir and bamboo forest red pandas depend on.
Body
Figtree 400 · 18 / 17 / 17 · line height 1.65
The red panda is the only living member of its own family. It spends most of its life in the canopy, eats mostly young bamboo, and wraps its long ringed tail around itself to keep warm. Ailurus fulgens means “fire-colored cat.” Read more in our field notes.
Small print
Figtree 400 · 14
Photos by Ailurus Trust field teams. Population figures from the IUCN Red List, 2026.
Color
Palette
Nine named colors set once in Blocksy › Customizer › Colors. Every block picks from these, so a change there updates the whole site.
Russet
Accent, buttons, links
#B4461C · Palette 1
Ember
Hover and pressed states
#8C3312 · Palette 2
Bark
Body text
#2B3128 · Palette 3
Fir
Headings, dark sections
#1D3A2F · Palette 4
Lichen
Borders and dividers
#CDD3C1 · Palette 5
Moss
Soft sections, text on Fir
#E3E8D6 · Palette 6
Mist
Site background
#F3F4EC · Palette 7
Snow
Cards
#FFFFFF · Palette 8
Bamboo
Labels and links on Fir
#D2C77C · Palette 9
Color schemes
Section and card schemes
Stackable color schemes apply a full set of colors to a section or container in one click.
Container default
Card
Headings, text, links and buttons all switch together.
Background default
Canopy
Headings, text, links and buttons all switch together.
Base default
Mist
Headings, text, links and buttons all switch together.
Container accent
Ember
Headings, text, links and buttons all switch together.
Buttons
Buttons and links
Pill buttons in three weights plus an arrow link. Hover over each one.
On dark sections
Buttons on Canopy
Lists and icons
Lists, labels and steps
Icon lists for features and benefits, numbered lists for anything in order.
Icon list
Numbered list
Icon labels
Icon boxes
Number boxes
Choose a hectare
Pick a patch of community forest on the map.
Fund a season
$48 covers patrols, batteries and seedlings for a year.
Get field reports
Each season you get photos and notes from your hectare.
Cards
Cards and features
Cards lift and tilt on hover. The feature block pairs an image with a short pitch.
Patrols
Forest Guardians
Village rangers who walk the ridges each month and log what they find.
Restoration
Bamboo Corridors
Replanting the gaps so red pandas can move without crossing open ground.
Research
Community Science
Camera traps and local knowledge combined into population data.
Feature block
A small animal with a very narrow home.
Red pandas live only in cool, bamboo-rich forest on the slopes of the Himalaya. When that forest is cut or broken up, they have nowhere else to go.
Media
Images
Rounded images, blob shapes for hero and portrait photos, captions and a lightbox gallery.
Lightbox gallery
Quotes
Blockquotes and testimonials
My grandfather cut these trees to sell. Now my son helps me count the pandas living in them. The forest is worth more standing.
“Being a guardian is a real job now. My children see me going to work in the forest, not cutting it.”
Pasang Sherpa
Head guardian, Ilam
“We planted twelve thousand seedlings this monsoon. Next year the pandas can cross the whole ridge.”
Mina Rai
Nursery lead, Panchthar
Data
Stats and progress
Big numbers for impact, bars and circles for goals.
<10k
Mature red pandas left in the wild
1,240
Hectares under local protection
38
Forest guardians employed
62
Camera traps recording
Progress bars
Progress circles
Corridor
Wages
Cameras
Interactive
Accordion, tabs and show more
For FAQs, grouped content and longer details people can open if they want them.
Accordion
Your gift pays for a guardian to patrol it, keeps its camera traps running and replants any gaps with bamboo and fir.
Small field visits run each October with the forest user groups. Supporters get first notice.
Eighty-four cents of every dollar goes straight to field programs in Ilam and Panchthar.
Tabs
Walk the ridge
Guardians spend about twelve days a month in the forest, following mapped routes and logging every red panda sign they find.
Fill the gaps
Village nurseries raise bamboo and fir seedlings that are planted during the monsoon to reconnect broken patches of forest.
Count what lives there
Camera traps, droppings surveys and local knowledge feed the first reliable population estimate for the region.
Show more
Timeline
Twenty years in the forest
A timeline block for milestones, histories and step-by-step stories.
First nest survey in Singalila
Four volunteers walked 60 km of ridge trail and logged eleven red panda sightings.
Forest Guardians program begins
Local herders are trained and paid to monitor the forest year round.
Bamboo corridors replanted
Twelve hectares of degraded slope reconnected two isolated populations.
Camera traps across three districts
A network of 140 cameras now tracks individuals by their tail rings.
Pricing boxes
Choose how you give
Three pricing boxes with a highlighted middle option, ready for memberships, plans or donation tiers.
Seedling
Monthly gift
$10
About 33¢ a day
Plant the forest
Guardian
Monthly gift
$35
About $1.15 a day
Most popular
Canopy
Monthly gift
$100
About $3.30 a day
Protect a corridor
Team members
Meet the residents
Team member blocks for staff, board members or, in our case, the red pandas you can adopt.
Pema
Singalila ridge · Age 4
Spends mornings high in the fir canopy and afternoons asleep with her tail wrapped over her nose.
Tashi
Neora Valley · Age 6
A careful forager who returns to the same bamboo thicket every spring.
Norbu
Barsey forest · Age 2
Our youngest adoptee, raised alongside a twin. Curious, noisy and often spotted near the stream.
Notifications
Alerts and notices
Dismissible notification blocks for announcements, confirmations and warnings.
Trail update
The Singalila ridge trail reopens to volunteers on 1 November after monsoon repairs.
Thank you, your gift is on its way
A receipt has been emailed to you. Your first field update arrives within 30 days.
Matching ends 31 December
Every gift made before the end of the year is doubled by our forest partners.
Countdown
Year-end match closes in
A countdown block for campaigns, launches and events. Every gift before 31 December is doubled.
Days
Hours
Minutes
Seconds
The match has ended. Thank you for doubling the impact.
Posts
Latest field notes
The Posts block pulls in recent articles automatically, so news stays fresh without editing the page.
Three cubs on the Singalila trap line
12,000 bamboo seedlings go in before the monsoon ends
Four village nurseries delivered this year’s seedlings for the Ilam corridor, the largest planting season so far.
Why we pay guardians a full wage, not a stipend
Protection only lasts when it is someone’s real job. Here is how we set guardian pay and why it matters.
Dividers and separators
Room to breathe
Divider lines in a few weights and widths, plus shaped separators for the edges of full-width sections.
Hairline · Lichen
Short bar · Russet
Medium bar · Fir
Wave separator
Curve separator
Call to action
Keep the forest standing
Every section of this guide is built from Stackable blocks and the Ailurus color schemes. Use it as the reference for every new page.