Playground
Playbook · Typography
Text compositions
Common ways text is composed across marketing and product surfaces. Each block names the rule it demonstrates, so you can copy the pattern instead of reinventing the rhythm.
01 · Lead pair (heading + paragraph)
2-col Grid gap="xl" · Heading size="m" left · Text size="m" muted right
Designed to belong
in your home
A reimagined home climate system that delivers heating, cooling, and air purification in a seamless, subscription-based model. Healthy for people, effortless to adopt, and better for the planet.
02 · 3-up eyebrow + heading + body
Grid cols="3" gap="xl" · Stack spacing="md" · inner Stack spacing="xs" groups eyebrow+heading
Safety
Know what you breathe
Safety means knowing when something invisible might be harmful. We monitor key toxins like carbon monoxide and formaldehyde to detect threats early — providing peace of mind that the air in your home is not just comfortable, but safe to breathe.
Freshness
Air that moves freely
Freshness is about how air moves and renews itself. By tracking CO₂ levels, air exchange rates, and thermal layering, we help users understand how well-ventilated and revitalized their environment is — ensuring spaces feel open and alive.
Cleanliness
Clarity you can feel
We interpret cleanliness not just as the absence of dust, but as a feeling of clarity and calm. By measuring key air quality indicators we translate invisible data into intuitive, ambient insights.
03 · Centered prose with inline lead-in
Container size="md" · max-w-prose mx-auto · <span font-medium> for lead-in
A different way to build. Based in Europe, we work with partners across design, engineering, manufacturing, installation, and service — alongside homeowners themselves. The system extends beyond the product. It lives in the hands of those who build, maintain, and live with it over time.
04 · Display with Highlight (mixed weight)
Heading size="display" · Highlight pulls a word back to regular for mixed weight
Everyday OS
Air^
Default Heading is medium (500). Use <Highlight variant="regular"> to pull individual words back to regular.
05 · Testimonial / quote block
Centered Text size="l" regular · attribution Stack spacing="xs" with avatar
“We believe change comes from building the new, not fighting the old. So here it is. A new company for the new home.”
Bjarke Ingels
Co-founder Everyday^
06 · Color rhythm — four steps
foreground → muted-foreground → muted @ 60% → primary
Foreground — primary copy and headings.
Muted-foreground — body-secondary (charcoal #424242).
Muted @ 60% — captions and helper text.
Primary — links and brand moments only.
07 · Form / label rhythm
Stack spacing="xs" · label medium · helper muted caption
We'll only use this for service updates.
Home address
So we can match you to your local installer.
Notes
Optional — anything we should know?
08 · Metadata / inline meta row
Stack horizontal spacing="md" · caption size · separator dots
A new system for your everyday life at home
22 April 2026
·Editorial
·5 min read
09 · Stats — large number + caption
Heading size="display" regular · caption muted underneath · Stack spacing="xs"
Customer retention after year one
Average payback period on hardware
Countries served by partner installers