In writing as such, there are no clear rules for what you’re describing. If there were, you should have found them with most search engines before coming here, and anyone Posting a generally-accepted Answer would be able to cite them. With very little exception, the same applies to most specialised writing.
Is this actually about writing, or coding, or presentation in general? If it’s about coding or presentation in general, how does it belong best in SE Writing, please?
In writing, the basic choices are to ask the senior editors of whichever organisation you’re working with, or devise your own rules.
In ordinary English - which this clearly is not - ‘…an example as follows’ can’t use a period. That very period would mean the expression was complete, the example was separate and in the sense of logic quite literally no, the example didn’t follow. Please note that’s the logic of the content, not of the trivial flow of the text.
To the extent this might be treated as ordinary English, the sole function of the colon is precisely as you describe, to separate following detail from an initial introduction while perhaps breaching several rules of punctuation, grammar or syntax.
The visual presentation of your exposition suggests that by form as well as content, the closest this could come to ordinary English would be as a list, which would automatically put it beyond the reach of ordinary rules.
If the ‘neither’ choice here means ‘nothing’, that’s fine; lists, like headlines, follow their own rules… or rather, their authors’ rules but either way, not the rules of ordinary English.
If the choice includes anything else, lists and headlines certainly and ordinary English increasingly allow an ellipsis ‘…’ there…
Quite separately, the idea that it’s better not to use ‘below’ but always ‘as follows’ or ‘following’; not ‘above’ but ‘previously’ would be purely personal choices but for the given explanation, which deserves consideration.
Whether ’When you turn the page, it may not be "below" but "over there" ’ is true depends entirely on the size of the page; not the intentions of the writer or editor, the publisher or printer or even the reader.
Most obviously, if a text moves from hard- to paper-back, the page size will prolly change and most likely, shrink but that’s a very modern option. Does any writer think the text should be changed to accommodate something so trivial?
For hundreds of years before paper-backs hit the market, no meaningful part of the publishing world saw ‘below’ or ‘following’ nor ‘above’ or ‘previously’ as referring to anything but the way text might appear in a single, continuous scroll - which is where the use of ‘above’ and ‘below’ arose.