Skip to content


Summary of design structures

Every algorithm can be described with four logic structures, and these can be used as basic building blocks in small and in very large and complex algorithms. When using the structures in a disciplined manner, the algorithm described in the pseudo-code is called a structured algorithm, and the design process is sometimes called structured design.

Using simple design concepts with pseudo-code and flowcharts, an algorithm can be built using the following basic design structures:

  • Sequences
  • Selections
  • Loops


In the sequence structure an action is done after another in a certain order.

Sequence design structure


This is where you select or choose between two or more flows. The choice is decided by asking some sort of question. The answer determines the path (or which lines of code) will be executed.

Selection design structure


They allow some code (one to many lines) to be executed (or repeated) several times. The code might not be executed at all (repeat it zero times), executed a fixed number of times or executed indefinitely until some condition has been met. Also known as looping because the flowcharting shows the flow looping back to repeat the task.

While loop For loop

Type scale generators

Powered by Google Fonts, the type scale generator is a tool for creating type scales and corresponding code.

The type scale is a combination of thirteen styles that are supported by the type system. It contains reusable categories of text, each with an intended application and meaning.



Web (.SCSS)
$mdc-typography-styles-headline1: (
  font-family: unquote("Roboto"),
  font-size: 96
Android (.xml)

Add fonts via Android Studio using Downloadable Fonts.

  <style name="TextAppearance.MdcTypographyStyles.Headline1" parent="TextAppearance.MaterialComponents.Headline1">
      <item name="fontFamily">@font/roboto</item>
      <item name="android:fontFamily">@font/roboto</item>
      <item name="android:textSize">96sp</item>
Flutter (.dart)

Look at for instructions on how to add these fonts to your project.

  headline1: GoogleFonts.roboto(
    fontSize: 96,
    fontWeight: FontWeight.w300,
    letterSpacing: -1.5