Harmonia is a beautiful game, and sets a new standard for text display.
I tried seeing what it would look like to make a parser game look like Harmonia. It was hard to figure out, so I asked Liza Daly about the font and margins and so on, and she provided me with some great information.
I used the same styling in a version of Color the Truth from 2016 IFComp. This is the result: https://drive.google.com/file/d/1XvxjtvJYqhxXalYj2WeW0nyA2gu6im-H/view?usp=sharing (this is an Inform Release folder with an index.html).
You can see a web-playable version of this in itch.io (the only site I know of that allows easy uploading of non-Twine IF), but it has a border making it look funny, and the full-screen version is a bit too much:
https://mathbrush.itch.io/color-the-truth
It would take a lot of work to get the nice title and variety of fonts used in Harmonia (and essentially impossible to do the marginalia) in a parser game, but I thought this was fun.
Edit:
I was able to remove the scrollbar in Chrome and Safari but not IE or Firefox. These were all of the changes I made (for the fonts, etc.) in the release folder files:
In style.css, change this:
#gameport
{
background: white;
bottom: 0px;
left: 0px;
line-height: 1.4;
margin: 0px;
position: absolute;
right: 0px;
top: 0px;
}
And in glkote.css:
[code]
.BufferWindow {
overflow: scroll; /* vertical scrollbar is mandatory /
overflow-x: hidden; / but horizontal scrollbar is forbidden */
font-family: ‘Lora’, Georgia, serif;
line-height: 1.6em;
font-size: 18px;
padding: 6px 10px 6px 10px;
width: 55%;
margin: auto;
}
.BufferWindow .Input {
font-family: ‘Lora’, Georgia, serif;
line-height: 1.6em;
font-size: 18px;
}
.GridWindow {
width: 55%;
margin: auto;
}
.GridWindow .Input {
font-family: monaco, andale mono, lucidatypewriter, courier, courier new, monospace; /* necessary! */
font-size: 14px;
}[/code]
And this:
.BufferWindow::-webkit-scrollbar {
display: none;
}