mirror of
https://github.com/nextcloud/documentation.git
synced 2026-01-02 17:59:36 +07:00
@@ -4,12 +4,12 @@ Foundations
|
||||
|
||||
There are several design elements that are common to all Nextcloud apps. If you are developing for a platform that has its own design specifications, for example Android, it would be a good idea to keep those in mind while designing your app.
|
||||
|
||||
For web apps, there is the `Vue library <https://nextcloud-vue-components.netlify.app/>`_ and the `Penpot Design Kit <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=db3839da-807b-8052-8002-576401e9a376§ion=interactions&index=0&share-id=88d87192-d205-8007-8002-8ebfad297c28>`_.
|
||||
For web apps, there is the `Vue library <https://nextcloud-vue-components.netlify.app/>`_ and the `Penpot design kit <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=db3839da-807b-8052-8002-576401e9a376§ion=interactions&index=0&share-id=11fde340-21f4-802e-8002-8d8d305e7ab5>`_.
|
||||
|
||||
Color
|
||||
-----
|
||||
|
||||
`Penpot Colors <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab128f3ffe2§ion=interactions&index=3&share-id=11fde340-21f4-802e-8002-8ebec1b418b7>`_
|
||||
`Penpot colors <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab128f3ffe2§ion=interactions&index=3&share-id=11fde340-21f4-802e-8002-8d8d305e7ab5>`_
|
||||
|
||||
Primary color
|
||||
^^^^^^^^^^^^^
|
||||
@@ -133,7 +133,7 @@ While interface elements like buttons are colored differently depending on their
|
||||
Typography
|
||||
----------
|
||||
|
||||
`Penpot Typographie <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab128f3ffe2§ion=interactions&index=1&share-id=11fde340-21f4-802e-8002-8ebec1b418b7>`_
|
||||
`Penpot typography <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab128f3ffe2§ion=interactions&index=1&share-id=11fde340-21f4-802e-8002-8d8d305e7ab5>`_
|
||||
|
||||
To ensure compatibility with different platforms, Nextcloud apps always use the native system font.
|
||||
|
||||
@@ -155,7 +155,7 @@ The text sizes for the different platforms are:
|
||||
Icons
|
||||
-----
|
||||
|
||||
`Penpot Icons <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab128f3ffe2§ion=interactions&index=0&share-id=11fde340-21f4-802e-8002-8ebec1b418b7>`_
|
||||
`Penpot icons <https://design.penpot.app/#/view/db3839da-807b-8052-8002-576401e9a375?page-id=3f784c86-6c27-80c6-8002-6ab128f3ffe2§ion=interactions&index=0&share-id=11fde340-21f4-802e-8002-8d8d305e7ab5>`_
|
||||
|
||||
.. image:: ../images/material-icons.png
|
||||
:alt: Material icons
|
||||
|
||||
Reference in New Issue
Block a user