The images below show how the different field types will look in the back end and the front end displays. They are showing the example named 'DEMO' custom group. Some of the fields are optional and others are 'required'. Note also the use of the 'editor' for the last 'text area' field shown in the second image.
The order of the fields in the display is controlled by the 'ordering' field on the list display.
This second image is a continuation of the above image, shown separately for convenience.