Form & Frequency Studio
:root{
–ink:#0a0a0a;
–panel:#141414;
–panel-2:#101010;
–gold:#f2f2f2;
–gold-dim:#8c8c8c;
–parchment:#f2f2f2;
–parchment-dim:#a3a3a3;
–rust:#c9c9c9;
–line: rgba(255,255,255,0.14);
–hair: rgba(255,255,255,0.4);
–watermark: rgba(255,255,255,0.045);
}
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
margin:0;
background:var(–ink);
color:var(–parchment);
font-family:’Spectral’, serif;
font-weight:300;
line-height:1.6;
-webkit-font-smoothing:antialiased;
}
a{ color:inherit; }
h1, h2, h3, .display{
font-family:’Cormorant Garamond’, serif;
font-weight:500;
letter-spacing:0.01em;
margin:0;
}
.wrap{
max-width:1180px;
margin:0 auto;
padding:0 40px;
}
/* ———- NAV ———- */
nav{
position:relative;
z-index:5;
padding:34px 0 0;
}
nav .wrap{
display:flex;
justify-content:space-between;
align-items:baseline;
flex-wrap:wrap;
gap:16px;
}
.brandmark{
font-family:’Cormorant Garamond’, serif;
font-size:1.55rem;
font-weight:600;
color:var(–parchment);
text-decoration:none;
letter-spacing:0.03em;
}
.brandmark em{
font-style:italic;
color:var(–gold);
}
.navlinks{
display:flex;
gap:34px;
list-style:none;
margin:0;
padding:0;
}
.navlinks a{
text-decoration:none;
font-size:0.9rem;
font-variant:small-caps;
letter-spacing:0.06em;
color:var(–parchment-dim);
border-bottom:1px solid transparent;
padding-bottom:3px;
transition:color .2s ease, border-color .2s ease;
}
.navlinks a:hover,
.navlinks a[aria-current=”page”]{
color:var(–gold);
border-color:var(–gold-dim);
}
/* ———- PAGE HEADER (non-hero pages) ———- */
header.page-head{
padding:70px 0 60px;
border-bottom:1px solid var(–line);
}
header.page-head .kicker{
font-family:’Cormorant Garamond’, serif;
font-style:italic;
font-size:1.05rem;
color:var(–gold-dim);
letter-spacing:0.02em;
margin-bottom:18px;
}
header.page-head h1{
font-size:3.8rem;
line-height:1.04;
color:var(–parchment);
max-width:16ch;
}
header.page-head p{
margin-top:26px;
font-size:1.1rem;
color:var(–parchment-dim);
max-width:56ch;
}
/* ———- HERO (home page) ———- */
header.hero{
padding:64px 0 100px;
position:relative;
overflow:hidden;
}
header.hero::before{
content:”&”;
position:absolute;
top:-14rem;
left:-3rem;
font-family:’Cormorant Garamond’, serif;
font-style:italic;
font-weight:500;
font-size:52rem;
line-height:1;
color:var(–watermark);
pointer-events:none;
z-index:0;
user-select:none;
}
.hero-grid{
display:grid;
grid-template-columns:0.92fr 1.28fr;
gap:56px;
align-items:center;
position:relative;
z-index:1;
}
.hero-text .kicker{
font-family:’Cormorant Garamond’, serif;
font-style:italic;
font-size:1.05rem;
color:var(–gold-dim);
letter-spacing:0.02em;
margin-bottom:20px;
}
.hero-text h1{
font-size:4.4rem;
line-height:1.0;
color:var(–parchment);
}
.hero-text h1 .amp{
color:var(–gold);
font-style:italic;
font-size:1.1em;
}
.hero-text p{
margin-top:26px;
font-size:1.08rem;
color:var(–parchment-dim);
max-width:38ch;
}
.hero-cta{
margin-top:36px;
display:flex;
gap:26px;
align-items:center;
flex-wrap:wrap;
}
.btn{
display:inline-block;
padding:13px 26px;
border:1px solid var(–gold);
color:var(–gold);
text-decoration:none;
font-family:’Spectral’, serif;
font-size:0.95rem;
letter-spacing:0.02em;
border-radius:2px;
transition:background .2s ease, color .2s ease;
}
.btn:hover{
background:var(–gold);
color:var(–ink);
}
.hero-cta .secondary{
font-size:0.92rem;
color:var(–parchment-dim);
text-decoration:none;
border-bottom:1px solid var(–line);
}
.hero-photo{
position:relative;
}
.hero-photo img{
width:100%;
display:block;
border-radius:26px;
border:1px solid var(–gold-dim);
}
.hero-photo .caption{
margin-top:18px;
text-align:center;
font-family:’Cormorant Garamond’, serif;
font-size:1.05rem;
letter-spacing:0.34em;
color:var(–gold);
}
/* ———- SECTION SHELL ———- */
section{
padding:86px 0;
border-top:1px solid var(–line);
}
section:first-of-type{
border-top:none;
}
.section-head{
display:grid;
grid-template-columns:1fr 2fr;
gap:40px;
margin-bottom:52px;
}
.section-head h2{
font-size:2.5rem;
color:var(–parchment);
}
.section-head .lead{
color:var(–parchment-dim);
font-size:1.02rem;
max-width:52ch;
}
/* ———- ABOUT (home page teaser) ———- */
#about{
background:var(–panel);
}
.about-grid{
display:grid;
grid-template-columns:1.5fr 1fr;
gap:64px;
}
.about-grid p{
color:var(–parchment-dim);
font-size:1.02rem;
margin:0 0 20px;
}
.about-grid p:first-child{
color:var(–parchment);
font-size:1.12rem;
}
blockquote{
position:relative;
margin:0;
padding-left:34px;
border-left:1px solid var(–hair);
font-family:’Cormorant Garamond’, serif;
font-style:italic;
font-weight:400;
font-size:2rem;
line-height:1.32;
color:var(–parchment);
}
blockquote::before{
content:”“”;
position:absolute;
left:22px;
top:-0.4em;
font-size:2.2em;
color:var(–gold-dim);
font-style:normal;
}
blockquote span{
display:block;
margin-top:20px;
font-family:’Spectral’, serif;
font-style:normal;
font-size:0.85rem;
letter-spacing:0.02em;
color:var(–parchment-dim);
}
/* ———- SERVICES : console strip ———- */
.strip{
border-top:1px solid var(–line);
}
.channel{
display:grid;
grid-template-columns:120px 1fr 1.4fr;
gap:32px;
align-items:start;
padding:30px 0;
border-bottom:1px solid var(–line);
}
.channel .tag{
font-family:’Cormorant Garamond’, serif;
font-size:0.95rem;
letter-spacing:0.12em;
color:var(–gold-dim);
padding-top:4px;
}
.channel h3{
font-size:1.7rem;
color:var(–parchment);
font-weight:500;
}
.channel p{
margin:0 0 10px;
color:var(–parchment-dim);
font-size:0.98rem;
}
.channel .fine{
margin:0;
font-size:0.86rem;
color:var(–gold-dim);
}
/* ———- GEAR ———- */
#gear{
background:var(–panel);
}
.gear-columns{
display:grid;
grid-template-columns:1fr 1fr;
gap:64px;
}
.gear-columns h3{
font-size:1.1rem;
color:var(–gold);
font-weight:500;
letter-spacing:0.03em;
margin-bottom:18px;
padding-bottom:10px;
border-bottom:1px solid var(–line);
}
.gear-columns ul{
list-style:none;
margin:0;
padding:0;
}
.gear-columns li{
display:flex;
justify-content:space-between;
gap:16px;
padding:10px 0;
border-bottom:1px dotted var(–line);
color:var(–parchment-dim);
font-size:0.96rem;
}
.gear-columns li span:last-child{
color:var(–parchment);
text-align:right;
}
.gear-columns li .filler{
color:var(–gold-dim);
font-style:italic;
}
.gear-note{
margin-top:48px;
padding-top:24px;
border-top:1px solid var(–line);
color:var(–parchment-dim);
font-size:0.92rem;
max-width:64ch;
}
/* ———- TWO-TRACK CARDS (about page) ———- */
.track-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:1px;
background:var(–line);
border:1px solid var(–line);
}
.track{
background:var(–ink);
padding:44px;
}
#about-hero + section .track{
background:var(–panel);
}
.track .tag{
font-size:0.85rem;
letter-spacing:0.1em;
color:var(–gold-dim);
margin-bottom:14px;
}
.track h3{
font-size:1.95rem;
color:var(–parchment);
margin-bottom:16px;
}
.track p{
color:var(–parchment-dim);
font-size:0.98rem;
margin:0 0 16px;
}
.track ul{
margin:0 0 26px;
padding:0 0 0 18px;
color:var(–parchment-dim);
font-size:0.95rem;
}
.track li{ margin-bottom:8px; }
/* ———- BIO ———- */
.bio-grid{
display:grid;
grid-template-columns:1.4fr 1fr;
gap:64px;
}
.bio-grid p{
color:var(–parchment-dim);
font-size:1.02rem;
margin:0 0 20px;
}
.bio-grid p:first-child{
color:var(–parchment);
font-size:1.12rem;
}
.fact-list{
list-style:none;
margin:0;
padding:0;
}
.fact-list li{
padding:16px 0;
border-top:1px solid var(–line);
font-size:0.95rem;
color:var(–parchment-dim);
}
.fact-list li:last-child{
border-bottom:1px solid var(–line);
}
.fact-list .label{
display:block;
font-size:0.8rem;
letter-spacing:0.03em;
color:var(–gold-dim);
margin-bottom:4px;
}
.fact-list .value{
color:var(–parchment);
}
/* ———- CONTACT ———- */
#contact{
padding-bottom:0;
}
.contact-panel{
background:var(–panel-2);
border:1px solid var(–line);
border-radius:18px;
padding:64px;
display:grid;
grid-template-columns:1.2fr 1fr;
gap:48px;
align-items:center;
}
.contact-panel h2{
font-size:2.4rem;
color:var(–parchment);
}
.contact-panel p{
margin-top:18px;
color:var(–parchment-dim);
max-width:40ch;
}
.contact-details{
text-align:left;
}
.contact-details .row{
padding:16px 0;
border-top:1px solid var(–line);
}
.contact-details .row:last-child{
border-bottom:1px solid var(–line);
}
.contact-details .label{
font-size:0.82rem;
color:var(–gold-dim);
letter-spacing:0.03em;
margin-bottom:6px;
}
.contact-details .value{
font-size:1.08rem;
color:var(–parchment);
text-decoration:none;
}
.contact-details .value:hover{
color:var(–gold);
}
/* ———- FOOTER ———- */
footer{
margin-top:80px;
padding:40px 0 50px;
}
footer .wrap{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:14px;
}
footer p{
margin:0;
font-size:0.85rem;
color:var(–parchment-dim);
}
footer a{
text-decoration:none;
color:var(–gold-dim);
}
footer a:hover{
color:var(–gold);
}
/* ———- RESPONSIVE ———- */
@media (max-width: 860px){
.wrap{ padding:0 24px; }
.hero-grid,
.about-grid,
.bio-grid,
.gear-columns,
.section-head,
.contact-panel,
.track-grid{
grid-template-columns:1fr;
}
header.hero::before{ display:none; }
.hero-text h1{ font-size:2.6rem; }
header.page-head h1{ font-size:2.4rem; }
blockquote{ font-size:1.5rem; }
.channel{
grid-template-columns:1fr;
gap:8px;
}
.contact-panel{ padding:40px 26px; }
header.hero,
header.page-head{ padding:40px 0 40px; }
section{ padding:60px 0; }
}
@media (prefers-reduced-motion: reduce){
html{ scroll-behavior:auto; }
*{ transition:none !important; }
}
A recording studio in Tiffin, Ohio
Form &
Frequency
Studio
Twenty years of songs, scores, and half-finished ideas, finally recorded somewhere built to hold them. Tracking, mixing, and mastering, done one session at a time.
Form & Frequency is a one-room studio built over two decades of writing — piano demos, full-band arrangements, poetry set to sound, whatever the song asked for. Every session is run by the same person who wrote, tracked, and mixed the catalog it grew out of.
The room is treated and small on purpose. It’s built for close-mic vocals, single-instrument sessions, and the kind of songwriter demo that needs to sound finished, not just sketched. Everything from a solo piano piece to a full arrangement with guitars, synths, and a rhythm section can be tracked, mixed, and mastered in-house.
More about the studio
A quiet room, built for songs that need somewhere honest to land.
— studio philosophy
Services
Every session is engineered start to finish in-house — no outsourcing the parts that matter.
REC
Recording
Vocals, acoustic and electric guitar, piano, synths, and full-band tracking in a treated room built for close, honest sound.
MIX / MASTER
Mixing & Mastering
Sessions mixed and mastered start to finish, ready for release or for handoff to a label or collaborator.
WRITE
Composition & Arrangement
Original scoring, arrangement, and session parts written to spec — for a song, a scene, or a specific instrument you need filled in.
DEMO
Demo Production
A full, produced demo built from a voice memo, a lyric sheet, or a rough idea — something you can actually send someone.
Full services & rates
The room
What’s actually on hand, for anyone deciding whether it fits the session.
Instruments
- Acoustic guitars3 dreadnoughts
- Electric guitarsFender + Squier, ESP ltd 1000, Gibson Les Paul Standard
- BassFender
- Digital pianofull 88-key
- Modular / analog synthsrack setup and over 10 t/b of samples and instruments virtual
- Guitar ampMarshall half-stack, Peavy 5150
- Grand piano sample library *Steinway D concert
Recording & software
- DAWsReaper, Cubase
- Notation / scoringDorico
- Mixing consoleoutboard chain
- Studio monitorsnear-field pair
- Vocal & instrument micson hand
Full gear list
