62 lines
1.1 KiB
Markdown
62 lines
1.1 KiB
Markdown
# One Sky IT's Aether App - UI and UX Guidelines and Rules
|
|
|
|
|
|
## General
|
|
### Events
|
|
#### layout header
|
|
#### layout footer
|
|
|
|
### Journals
|
|
#### buttons
|
|
##### alert
|
|
|
|
##### info
|
|
|
|
##### priority, flag
|
|
|
|
##### warning, hide
|
|
```css
|
|
variant-soft-warning hover:variant-filled-warning
|
|
```
|
|
##### error, delete, disable
|
|
```css
|
|
variant-soft-error hover:variant-filled-error
|
|
```
|
|
#### new root layout header
|
|
#### submenu
|
|
```css
|
|
flex flex-row items-center justify-center gap-1
|
|
```
|
|
#### new layout footer
|
|
|
|
|
|
## Svelte 5 and SvelteKit v2 (framework and routing)
|
|
|
|
|
|
## Tailwind 3.x CSS (styles)
|
|
Waiting to upgrade to 4.x when ShadCN is ready. ShadCN is still being worked on as of late March 2025.
|
|
* https://ui.shadcn.com/docs/tailwind-v4
|
|
|
|
|
|
## ShadCN (Tailwind Components)
|
|
* https://github.com/shadcn-ui/ui
|
|
|
|
|
|
## Skeleton (Design System, Tailwind Components, Functional Components)
|
|
|
|
|
|
## Flowbite (Tailwind Components)
|
|
|
|
|
|
## Lucide Icons (SVG Icons)
|
|
* https://lucide.dev/icons/
|
|
|
|
|
|
## Markdown
|
|
Using marked for Markdown parsing.
|
|
* https://marked.js.org/
|
|
|
|
|
|
## Edra (TipTap based Rich Text Editor)
|
|
* https://edra.tsuzat.com/
|