World View

Does it look like this with the rectangle layer deselected.

In addition to what Walt said above, see the attached video which shows some possible things you can do.
If you want something more specific then you might need to give us more details of exactly what you want.
2020-08-11_13-09-39.mp4

Frames can be adjusted to precise dimensions (any object can). Simply use the Transform panel.
You could also do that with rectangles, but putting images into Picture Frames offers some advantages.
You can create a grid of objects easily. Create the first one, giving it the size/position you want (using the Transform panel as necessary). Copy the first object (Ctrl+J (Windows) or Cmd+J (Mac)). Move the copy to the new location (manually, or using the Transform panel). Then if you use Ctrl+J or Cmd+J again you'll get a another copy, moved the same as the last copy. That's called "power duplicate".
That will get you one row of objects. Select all of them, Copy, move the copy down. Then power duplicate that row to get a 3rd row.
Etc.

Thank you, Garrett.
I found the fields panel by activating it in "Studio"

Or rather, Hind Bold for the name but Varela Round for the description (and the price).
 
LOL.

(...)

Well, DuckDuckGo rather than Google! But yes, I found it by searching for something like alex satin crepe portrait pleat.
They are quite similar in some ways, aren’t they! However, Varela Round is ... er ... rounded, whereas Hind Bold isn’t.

You can use the web application "WhatTheFont?" (or similar font ID web pages) and drop an image of the type (like the one you posted) into the web app and it will return suggested typefaces that resemble the image.  Feed it a JPEG or PNG.
https://lmgtfy.com/?q=what+the+font
Kirk

If you want to find out which font is used in a web page component, and you’re not averse to a bit of ‘technical digging’, you can use a web page “Inspector” to see how the web page has been created. (Most modern web browsers have some sort of “Inspector” but it might be called something different.)
My attached video shows how to quickly use such a tool in Firefox to check the font name used in a couple of places.
Note: The browser goes down the list of font names until it finds one it can use so the one you see on-screen might not be the first one in the list given in the Inspector.
2020-07-18_08-35-34.mp4

(...)

For those wondering, the OP’s screenshot comes from this page: https://www.alexperry.com.au/product/alex-3/ 

The name ‘ALEX’ is in Hind Bold. The price and description are in Varela Round (at two different font sizes).
The above font families are both available for free from Google Fonts or Font Squirrel.
https://fonts.google.com/specimen/Hind?preview.text=ALEX&preview.text_type=custom
https://www.fontsquirrel.com/fonts/hind
https://fonts.google.com/specimen/Varela+Round?preview.text=$2,500.00+SATIN+CREPE&preview.text_type=custom
https://www.fontsquirrel.com/fonts/varela-round

I know about the tutorials. The problem is, that they do not show how the software works.
The first, for example, creating a new document. 
He opens a print document. I don't want to print. How do I create a digital magazine?
No answers.
Also: during the demo, the demonstrator swishes his cursor around fast . He clicks first and then says what he's doing. It would be better to tell me first what he's going to do, and THEN click on the button in order to give eyes a chance to see where it is happening AFTER you know what will happen. Otherwise you'd have to always roll back the recording.
For a beginner, those tutorials have very little value. If you know about Adobe InDesign, it might be OK.
So my tip is: if you want to get new customers, show them how your software works. 
Imagine someone wanted to learn Photoshop and there was no book, just a few tutorials. Absolutely impossible.
So, if I'm a desktop publishing newbie, how can I learn how to use your software? Where is the manual?

The color selection tools in Publisher are nothing short of byzantine.
Each tool or panel seems to have its own color tool with their own pickers. 
These labyrinth of color tools is unintuitive, and it's easy to be in the wrong panel.
The best would be to focus all color manipulation including picker into ONE TOOL AND ONE PALETTE.
Photoshop is a good example on how to do it. Never had to look around on how to change the color on something.
In Publisher, I'm often in the wrong panel.
Or, just now, I was trying to change the color of text, and even though it was selected it didn't work. Turned out I had previously used the color tool in the stroke panel and was changing the stroke/outline of the text (and the text actually had NO outline, just plain letters). 
With a central color tool you'd see all you do, not having to check several panels when, again, something doesn't work. Photoshop's color tools are in one panel, and you always know which is foreground and background and they are easy to reset. 
That simplicity and intuitive directness I'd wish for Publisher to replace it's color tool labyrinth with. 

This is a brief video showing what the icons do...

Lets do it in reverse, open this file: Text wrapping turns on and off.afpub text wrapping should work in this document, it works on my system. the text wrapping is active on the big orange circle.
So can you turn text wrapping off in this file?
Read this carefully and more than once...
Failing that, Launch the app with ⌃(ctrl) held down until a Clear User Data dialog appears. Press the Select All button then press the Clear button.
Note this will reset everything to app defaults - user preferences, palettes, macros, everything.
If you want to reset just the UI and user prefs leave just the first three checkboxes ticked and press the Clear button.

The text wrapping icon with the page icon is to activate and modify the styles of text wrapping including turning the text wrapping off, the text wrapping icon with the circle is to modify the shape of the actual text wrapping around the object being used for text wrapping and the  icon with the x in it is to reset text wrapping should you make a mess of it, so you can consider these two icons  to be kind of toggle switches.

Your file works perfectly.
I can click on the wrapping circle and turn it on, and on the "no wrap" circle and turn it off. Very easy.
 

Thank you, Stuart! I added the text frame panel to my panels via Studio. 

Text Box colour changes
To add colour to a stroke you can also.
1. Select a text box 
2. Select Fill (G)
3. Change the settings on the context bar. There are 2 Dropdowns that will let you switch between Frame | Stroke and Frame | Text

For Margins=insets
Editing Margins/indent options are located on the Text Frame Panel
Menu | View > Studio > Text Frame > and on the Text Frame Panel under 'General' use the 'insets' to adjust position of margins/edges (and link them if you want to set the same value!) 

View > Studio > Text Frame will give you controls for the Text Frame itself, vs the text within the frame.
That will include stroke and fill colors, as well as insets.

Solved:
Just when I asked the question I found that by clicking the width button you get the stroke and not the fill.
 
You can't delete threads, so maybe this helps someone else who asked himself the same question.

Another possibility is to display the Swatches panel. At the top of that is a list of recent colours. Highlight the B, then click the red swatch.

 
Cheers,
H

You don't mention which app nor which Operating System you are on?
1. How do I pick up a color, e.g. the color of letter A?
You can use the Colour Picker Tool (I)  https://affinity.help/photo/English.lproj/pages/Tools/tools_clrpicker.html 
2. How do I apply that color - to letter B?
https://affinity.help/photo/English.lproj/pages/Clr/samplingClr.html
3. How can I read the RGB values of that color?
Using any of the colour pickers/colour eyedroppers will give you an RGB readout.
4. How can I store that color for later use - similar to patches in Photoshop?
Once a colour has been picked you can save it to the swatches panel: https://affinity.help/photo/English.lproj/pages/Panels/swatchesPanel.html
The Colour Panel: https://affinity.help/photo/English.lproj/pages/Panels/clrPanel.html
 
This links to all of the tutorial videos on Affinity: https://affinity.serif.com/en-gb/learn/
This video demonstrates the colour picker tool in Affinity Designers Photo Persona: https://affinity.serif.com/en-gb/tutorials/designer/desktop/video/301808466/
Colour Picker tool in Affinity Photo: https://affinity.serif.com/en-gb/tutorials/photo/desktop/video/311178534

Assuming we are not talking about text boxes derived from master pages
If you have the Move Tool selected and the text box selected then the delete key should work but if you have a cursor active in the text box then the delete key will not delete the text box but right-clicking on the text box in the layers panel and selecting delete will work