Skip to main content

Introduction

Turtelneck is what we call our design system/language. While in Flutter everything is a widget, we diferenciate teh widgets to make things more clear and organized, the design system is seperated as follows.

Foundation​

Here we mamage the core of the design system

  • colors
  • typography
  • spacing
  • radiuc etc

Assets​

here we hold the following

  • svg
    • icons
  • images

ATOMS​

these are the smallest widgets (e.g. buttions, title, body, etc).

Componets​

Once you have enough ATOMS you can put them togethere to create a component (e.g. a title, sub-stitle and buttons make a "Header").

  • Section To have a full section you would use the header, assets and other component, all that is left to do is determine the data you want to display, this allow use to build new apps in minutes rather than days or weeks.
  • Create