From f9e47f1e7fdafc68e1d901c06386fd9ff484c16c Mon Sep 17 00:00:00 2001 From: Madalena Melo <144885032+madalenapmelo-kp@users.noreply.github.com> Date: Thu, 12 Sep 2024 17:56:28 +0200 Subject: [PATCH 1/4] :construction: updating order and content Changing the order to be more logical for the reader --- user-guide/the-interface/index.njk | 55 +++++++++++++++--------------- 1 file changed, 28 insertions(+), 27 deletions(-) diff --git a/user-guide/the-interface/index.njk b/user-guide/the-interface/index.njk index 3f9cc2f6..b776c495 100644 --- a/user-guide/the-interface/index.njk +++ b/user-guide/the-interface/index.njk @@ -46,6 +46,34 @@ title: 02· The interface +

Light mode

+

Penpot's default interface is dark but you can switch anytime to a light option. You have 2 ways to change the theme:

+ + +
+ + Penpot's dashboard + +
Penpot's dashboard in light mode
+
+
+ + Penpot's workspace + +
Penpot's workspace in light mode
+
+
+ + Penpot's view mode + +
Penpot's view mode in light mode
+
+ + +

Workspace

The Workspace is where you actually create your designs. You have an infinite canvas where you can work directly but you also have the ability to create and work inside boards that will help you to create pages and exportation units.

@@ -139,30 +167,3 @@ title: 02· The interface
  • Reset prototype: Goes to the first board of the prototype.
  • Navigation buttons: Forward and backwards buttons.
    • - - -

    Light mode

    -

    Penpot's default interface is dark but you can switch anytime to a light option. You have 2 ways to change the theme:

    - - -
    - - Penpot's dashboard - -
    Penpot's dashboard in light mode
    -
    -
    - - Penpot's workspace - -
    Penpot's workspace in light mode
    -
    -
    - - Penpot's view mode - -
    Penpot's view mode in light mode
    -
    From 4a81d77856dd9b6bee5af888d5ce48d8629fbb3e Mon Sep 17 00:00:00 2001 From: Madalena Melo <144885032+madalenapmelo-kp@users.noreply.github.com> Date: Fri, 13 Sep 2024 15:32:49 +0200 Subject: [PATCH 2/4] :sparkles: Introduced an area specific for "Your account" There are important account settings that can be configured in this section and the listed item did not include enough details, I suggest we add this specific section for it as a subsection of the dashboard --- user-guide/the-interface/index.njk | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/user-guide/the-interface/index.njk b/user-guide/the-interface/index.njk index b776c495..88101724 100644 --- a/user-guide/the-interface/index.njk +++ b/user-guide/the-interface/index.njk @@ -37,7 +37,7 @@ title: 02· The interface
  • Shared Libraries: In this section you will find all the design files that have been added as shared libraries. That way you will be able to better control the files that are sharing their assets.
  • Custom fonts: If you have purchased or own personal fonts that are not included in the catalog provided by Penpot, you can upload them from your computer and use them across the files of a team.
  • Pinned projects: If you want to keep some projects handy (for instance because you’re currently working on them) you can pin them to make them quickly available at the sidebar.
    • -
  • User area: This must be you! Change your profile, password or change the language from the settings. You can also find here a way to leave us feedback. We’d love to read your thoughts :)
    • +
  • User area: This must be you! Access your profile settings, Penpot tutorials or the Penpot Community from the user area. You can also find here a way to leave us feedback. We’d love to read your thoughts :)
  • Comments notifications: Here you will be able to see if you have unread comments inside the files of the team.
  • Create project: Create as many projects as you need to organize your designs.
  • File card: Basic information about a file at plain sight. A preview, update info or if it’s added as a Shared Library. From there you can perform several actions over the file (rename, duplicate, move, download, delete).
    • @@ -45,6 +45,9 @@ title: 02· The interface +

    Your account

    +

    Your account settings can be changed at the user area, in Your account. Here you can make changes to your profile, password or account language, as well as generate personal access tokens and access release notes.

    +

    If you want to change the email address associated to your account or remove your account entirely, this can be done in the Profile section.

    Light mode

    Penpot's default interface is dark but you can switch anytime to a light option. You have 2 ways to change the theme:

    From 3abcda2c330a038515422fe0aa60929ade38fc25 Mon Sep 17 00:00:00 2001 From: Madalena Melo <144885032+madalenapmelo-kp@users.noreply.github.com> Date: Fri, 13 Sep 2024 15:39:19 +0200 Subject: [PATCH 3/4] Update index.njk --- user-guide/the-interface/index.njk | 53 +++++++++++++++--------------- 1 file changed, 27 insertions(+), 26 deletions(-) diff --git a/user-guide/the-interface/index.njk b/user-guide/the-interface/index.njk index 88101724..c0625359 100644 --- a/user-guide/the-interface/index.njk +++ b/user-guide/the-interface/index.njk @@ -49,32 +49,6 @@ title: 02· The interface

    Your account settings can be changed at the user area, in Your account. Here you can make changes to your profile, password or account language, as well as generate personal access tokens and access release notes.

    If you want to change the email address associated to your account or remove your account entirely, this can be done in the Profile section.

    -

    Light mode

    -

    Penpot's default interface is dark but you can switch anytime to a light option. You have 2 ways to change the theme:

    - - -
    - - Penpot's dashboard - -
    Penpot's dashboard in light mode
    -
    -
    - - Penpot's workspace - -
    Penpot's workspace in light mode
    -
    -
    - - Penpot's view mode - -
    Penpot's view mode in light mode
    -
    -

    Workspace

    @@ -170,3 +144,30 @@ title: 02· The interface
  • Reset prototype: Goes to the first board of the prototype.
  • Navigation buttons: Forward and backwards buttons.
    • + + +

    UI Theme

    +

    Penpot's default interface is dark but you can switch anytime to a light option. You have 2 ways to change the theme:

    + + +
    + + Penpot's dashboard + +
    Penpot's dashboard in light mode
    +
    +
    + + Penpot's workspace + +
    Penpot's workspace in light mode
    +
    +
    + + Penpot's view mode + +
    Penpot's view mode in light mode
    +
    From 1f34cdb80707593d63628f974a548a3d30c0d536 Mon Sep 17 00:00:00 2001 From: Madalena Melo <144885032+madalenapmelo-kp@users.noreply.github.com> Date: Fri, 13 Sep 2024 15:48:04 +0200 Subject: [PATCH 4/4] Update index.njk --- user-guide/the-interface/index.njk | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/user-guide/the-interface/index.njk b/user-guide/the-interface/index.njk index c0625359..75b39875 100644 --- a/user-guide/the-interface/index.njk +++ b/user-guide/the-interface/index.njk @@ -37,7 +37,7 @@ title: 02· The interface
  • Shared Libraries: In this section you will find all the design files that have been added as shared libraries. That way you will be able to better control the files that are sharing their assets.
  • Custom fonts: If you have purchased or own personal fonts that are not included in the catalog provided by Penpot, you can upload them from your computer and use them across the files of a team.
  • Pinned projects: If you want to keep some projects handy (for instance because you’re currently working on them) you can pin them to make them quickly available at the sidebar.
    • -
  • User area: This must be you! Access your profile settings, Penpot tutorials or the Penpot Community from the user area. You can also find here a way to leave us feedback. We’d love to read your thoughts :)
    • +
  • User area: This must be you! Access your profile settings, Penpot tutorials, the Penpot Community and more. You can also find here a way to leave us feedback. We’d love to read your thoughts :)
  • Comments notifications: Here you will be able to see if you have unread comments inside the files of the team.
  • Create project: Create as many projects as you need to organize your designs.
  • File card: Basic information about a file at plain sight. A preview, update info or if it’s added as a Shared Library. From there you can perform several actions over the file (rename, duplicate, move, download, delete).