Pioneering Web Experiences Audio Design// Visual Design// Brand Strategy Human Creativity
Digital experiences. Human creativity.
B&E / 01
She / Her
Azakaela builds worlds across sound, code, and story. A composer, sound designer, web developer, and relentlessly curious systems-maker, she leads B&E’s creative direction and turns difficult-to-define ideas into experiences people can explore. Her wider work spans music, interactive art, games, narrative projects, and the living archive of The Gallatin Underground.
B&E / 02
She / Her
Brooke brings more than a decade of professional design experience across branding, websites, publications, and human-centered digital work. With a BFA in Graphic Design from Montana State University and a career spanning agency and in-house brand teams, she gives B&E its visual clarity—building identities and design systems that feel intentional without losing their personality.
B&E / 03
He / Him
Aayush works where sound, software, and careful testing meet. He supports development, composes and engineers audio, and pays attention to the small technical details that determine whether an experience feels finished. At B&E, he helps turn ambitious ideas into stable, coherent work—making sure what we build doesn’t only look good, but actually holds together.
B&E / 04
Good Boi
Apollo is Brooke and Aza’s pet corgi. He loves walks, chews, bothering the cat, cuddles, and chest scritches. He keeps us sane and is very cute.
Writing / principles / field notes
Available experiences
Websites aren't interchangeable. Each must carry a distinct voice and atmosphere, reflecting the client's world while retaining the purpose websites usually have. We collaborate with people around the world, bringing more than a decade of design practice and development experience to each project. B & E pairs modern tools with human-authored decisions, taste, and craft.
Project 001 / Artist universe
A constellation-style creative universe for Azakaela Erin Redfire—bringing music, interactive art, games, writing, reviews, tools, and Tawky's Radio Show into one navigable dashboard. Its central sigil currently opens the Apotheosis experience while every orbiting signal leads deeper into the work.
Open the live experience ↗ Read the case study →Project 002 / Studio history + music archive
A living archive of the free, DIY recording studio and local music project Azakaela Erin Redfire and Vincent Palafox built for Montana's Gallatin Valley. The experience carries the founders' story, eight years of sessions, interviews, performances, and experiments, and a love letter to the musicians and community who kept the scene loud.
Open the live experience ↗ Read the case study →Project 003 / A small spatial paradox
Okay, this might be a little recursive, but technically this website is also our work. So now we’re outside of it and inside of it at the same time. We’re very satisfied, moderately confused, and determined anyway!
Open the website you’re already on ↗ Read the case study →Project 004 / Performer portfolio + owner-managed publishing
A voice-actor portfolio with the range of a whole creative practice: an interactive comic-book opening, featured and filtered audio, writing samples, testimonials, journal posts, and a custom CMS Glenn can operate himself. The result turns voice acting, writing, producing, and storytelling into one authored place instead of a stack of disconnected profiles.
Open the live experience ↗ Read the case study →Project 005 / Artist Dreamworld + owner-managed broadcast system
An immersive artist world built as a place to tune into: WLY Channel 9 carries Summer Wiley’s music, broadcasts, surreal weather, news, maps, galleries, and transmissions through one television-shaped Dreamworld. Behind it, an owner-managed CMS lets the world keep changing without losing its strange, authored signal.
Enter the live Dreamworld ↗ Case Study Coming SoonWe build expressive digital experiences for artists, organizations, and people with something real to say.
A focused consultation and creative/technical direction for a project already in motion.
A complete custom experience—from first concept through design, development, sound, and launch.
A continuing studio relationship for evolving sites, campaigns, releases, and digital systems.
Useful systems for artists, studios, and people building beyond the template.
Color systems / contrast / application
Build, tune, link, test, and preview one working color system. See how every choice behaves before you export it.
Fonts / styling / motion / export
Choose your fonts, tune each role, add motion, test screen sizes, and take the CSS with you.
Audio degradation / device emulation / live signal path
Make clean recordings sound old, distant, obstructed, damaged, or unreliable by tuning a live rack of physical media and communication devices.
Lost Audio Engine is a live modular workstation for making recordings sound old, strange, distant, obstructed, damaged, or unreliable—without flattening every idea into one generic “lo-fi” switch.
Your audio is processed locally in the browser. The workstation is designed for laptop and desktop screens.Not a filter / a signal path
Bring in a WAV or MP3, scrub the waveform, set a loop, and compare the untouched recording against the complete processed chain.
Drag physical media, communication devices, and resonant spaces into a left-to-right signal path. Reorder them to change the story.
Perform the important controls directly on each unit, then open the inspector for models, failure mechanics, and exact values.
Automate exposed controls, monitor loudness, reduce the wrong noise, shape the master chain, and export the audible result as WAV.
Nine unruly devices / one playable suite
Age, wear, hiss, wow, flutter, saturation, mechanics, and transport behavior.
CRT bandwidth, scan energy, speaker character, electrical beds, and unstable reception.
Memory-starved playback, speaker limitations, sample character, and controlled game-hardware artifacts.
Tracking loss, skips, repeats, interpolation failures, damage shapes, and triggerable faults.
Unreliable radio paths, tuned bandwidth, carrier instability, interference, and distance.
Phones, intercoms, public-address systems, handsets, lines, rooms, and diegetic distance.
Codec pressure, packet loss, jitter, robot voices, freezes, recovery, and call-platform failure.
Tiny microphones, automatic gain, wind, camera beds, corruption, and consumer-video texture.
Walls, hollow bodies, brick, wood, metal, cavities, rattles, resonances, and believable obstruction.
REALISTIC → EXAGGERATED
Device emulation matters when audio has to belong to a world: a voice behind a motel wall, a tape found in a drawer, a broken conference call, a camcorder fighting the wind, a PA system in the next room.
Lost keeps the immediate controls playable while preserving advanced models, presets, automation, mastering, safety limits, and enough failure behavior to make the impossible version useful too.
Place dialogue inside the phone, room, wall, camera, radio, or broken call the audience is actually hearing.
Turn clean sources into artifacts, transitions, textures, intros, degraded doubles, and rhythmically damaged performances.
Build interface voices, environmental playback, found media, unreliable systems, and story-bearing communications.
B&E / LOST AUDIO ENGINE
Choose a font for every job, tune the details, add movement, check each screen size, and export the result.
Your work is saved on this device. Cadence never chooses the fonts for you.More than a font picker
Start with the fonts
Browse Google Fonts eight at a time, search by category or language, and preview your own words before you choose.
Adjust the details
Set the weight, size, spacing, color, outline, shadow, and more. Use quick sliders or enter the exact value you want.
Try it before you take it
Add motion, decide when it plays, and test the whole family in editorial, portfolio, and interface layouts.
Want help turning the type system into a site?
Cadence gives you the building blocks. We can help turn them into a portfolio, publication, storefront, or something harder to name.
B&E / CADENCE 002 / Saved locally
Build a color system that moves. Stress-test its relationships, preview it on an actual interface, and export the parts your project needs.
Five minutes, then Apollo may ask what you think. Feedback and email are both optional.A color system you can actually work inside
Build the language
Start from instinct or a theory relationship, then tune every channel precisely. The instrument keeps the palette connected without sanding off your taste.
Direct the motion
Place and sculpt color fields directly. Give each material a distinct movement language. Then render the result instead of trying to reconstruct it somewhere else.
Stop designing blind
Assign backgrounds, text, actions, and gradient materials to a working site specimen. Test contrast, inspect alternate vision modes, and share the exact gradient by link.
And when the system becomes the whole site...
We design expressive websites, visual systems, interactive tools, sound, and the stranger connective tissue between them. Chroma is one small example of how we think.
B&E / CHROMA 001 / Free to start
Apollo / Chief Executive Corgi
You’ve been using this tool for five minutes. Wanna tell us what you think?
Oh… You can give us your email address if you want~ IF YOU WANT. I’m a corgi, not a cop.
Choose a role, tune one exact color, then tell the rest of the family how to answer it.
Switch contexts to see whether the system still feels like itself.
A four-color system built in the palm of your hand.
OPEN CHANNEL ↗Every role stays distinct from the first glance to the final action.
The supporting colors step back. The accent arrives exactly when it matters.
Copy exact values for the next app or export a labeled specimen to your phone.
The full desktop Chroma workstation can continue this same system into gradients, living colors, materials, sound response, and production exports.
Signal calibrated.
Select a role, shape it visually, then use the inspector for exact production values.
Drag the active node / use precision sliders for exact control
Import a photo, then click anywhere on it to preserve a specific color.
Reorder the colors before replacing the current palette.
No image loaded.
Full hue and saturation field.
Normal trichromatic reference. The outer source ring and simulated field match in this view.
Outer ring: normal source spectrum→Interior: simulated perception
Declare hue, darkness, lightness, or neutrality that does not exist for this project.
1 color excluded. Its band is replaced locally; permitted hues remain unchanged.
Almost no usable spectrum remains. Reduce one or more exclusion widths.
Hue bands use shortcut gradients. Dark, light, and neutral constraints reshape only their matching tonal range.
RGB control / vision constraint active
Select a node to tune it
Four theory-assisted roles online.
Material lab / Animated colors
A single flat color at every instant—built from perceptual keyframes, not spatial stops.
#4EF6FF
Readable ink is selected against every sampled frame, not only the starting color.
Lead and counterpoint are tested against one another across the complete cycle.
Relationship control
Linked movement preserves the distance between every node while the whole palette rotates, intensifies, fades, brightens, or darkens together.
Constraint engine
Shape the generated roles, then optionally make contrast win when theory and readability disagree.
Theory engine
The primary signal remains yours. These rules generate the secondary, tertiary, and accent relationships around it.
Screen-first palette with readable role recommendations.
Material lab / Gradient studio
Select a material, cast its fields, then decide where it belongs. Nothing touches Preview until you ask.
Gradient 01
Material lab / Pattern textures
Build repeatable surfaces from palette colors, Living Colors, or a gradient ink field—then add motion only where it earns its keep.
Pattern is structure repeated until it becomes atmosphere.
Choose a palette channel, then paint the tile. The edges meet automatically.
CSS preserves live dependencies. SVG captures a portable still frame for print and texture workflows.
Material lab / Generated surfaces
Generate organic, seamless image textures from palette roles. Every surface is deterministic, cached, and rendered only when its controls change.
Not a photograph. Not a flat fill. A repeatable little atmosphere.
The PNG tile is production-ready. The CSS export embeds that exact tile, so Preview and delivery remain identical.
Choose an authored material, then let bounded frequency lanes perform it without replacing its design.
Demo signal is local, silent, and ready to perform.
Use the faders as offsets, or pause the rhythm to perform every band by hand.
Compatible targets change with the selected material. Three bounded lanes keep the result musical.
Audio stays in this tab. Microphone audio is analyzed locally and is never recorded or uploaded.
Starting transmissions
Pick a cultural signal, then dismantle it.
Editorial / BalancedAll four colors share structural responsibility.
Art direction
Set page backgrounds and text explicitly with palette colors, living colors, counterpoints, and gradients.
Auto preserves the selected palette strategy. Explicit choices override it only in that zone.
Journal 07 / Somewhere beyond the ordinary
At dusk, the trail catches the last copper light. Every surface changes character, and the route becomes easier to feel than to explain.
Field principle 01
“A place becomes memorable when its smallest details agree about where you are.”Independent observation / open terrain / careful attention
Latest dispatches
High desert / 8 min
Night survey / 5 min
River mile 112 / 11 min
WCAG 2.2 contrast test
Body text, labels, controls, and large display type do not share the same threshold.
Preserves the selected palette color’s hue, searches nearby saturation and lightness, then verifies the rendered result against the selected background.
Select a palette foreground and run the search.
Calculated from WCAG 2.2 relative luminance. Threshold values are not rounded when determining pass or fail.
Assisted application
Shortlisted from the current system after contrast testing.
Open a complete system, inspect its gradients, or send its strongest pairing straight to the accessibility lab.
Loading public color systems…
Welcome to the instrument
We’ll walk through one practical path. You can still touch the highlighted control while the tour is open.
Choose a role, then audition a font. Cadence keeps the whole cast together while you work one voice at a time.
Preparing the font catalog…
Shape scale and spacing with your thumb. Then give this role one intentional way to enter the room.
Try the system in three phone-native compositions. The proof changes shape; your settings stay yours.
Your type system is saved on this device. The desktop workstation can continue it into detailed character, responsive, motion, and production controls.
Type signal ready.
Start with your hero, headings, body copy, and accents. Add another role whenever your project needs one.
Preparing 1,942 families…
Set the style, weight, size, spacing, and line height. Use the sliders for speed or type an exact value.
Set the casing, color, decoration, highlight, outline, and shadow here. Movement comes next.
Pick an effect and decide when it plays. Each role can move differently—or not move at all.
Try each size, then adjust how this role scales and wraps. Keep it fluid or set clear breakpoints.
Preview your type in a magazine story, portfolio, or app. Change the layout and screen size without changing your settings.
Copy the CSS, download a stylesheet, or save an editable Cadence file.
Grab the font imports, responsive sizes, visual styles, and motion settings.
Save the whole type system as one ready-to-use stylesheet.
Save every role and setting in a file you can bring back to Cadence.
Experiments / artifacts / useful nonsense
Not everything needs to be a service, a case study, or a sales funnel. Some things are here because they are cool.
Interactive ideas, prototypes, and tiny digital places.
Signal pendingStudio debris, process fragments, and things worth keeping.
Signal pendingWork that refuses to fit correctly in any other drawer.
Signal pendingYour new web experience
Tell us what you are building, what feels missing, or what you want people to feel when they arrive.