The parts
as they are.
This page records the public site. The type, the colours, the buttons, and the diagrams are the ones already on the pages. The header switch shows the dark set.
Three faces.
Newsreader
Titles. The large hero runs from 48px to 84px, with a slight tightening of the letters.
Figtree
Body and buttons. Paragraphs are 16px. The page itself is 17px.
IBM Plex Mono
Labels, captions, and code. Eyebrows are 12px.
Eight colours.
The chip follows the theme you have switched on. The first line under it is the light hex. The second line is the dark hex.
Words, then a button.
A page opens with an edition line and a split title. A section then uses the double rule, an eyebrow, and one or two buttons.
from praisonaiagents import AgentThe full line.
The installer sits on its own line, with a copy button. Longer options stay inside Advanced.
curl -fsSL https://raw.githubusercontent.com/MervinPraison/PraisonAI/main/install.sh | shAdvanced
- Setup
praisonai setup
How a page is built.
- 01Open with the edition
Three short facts, then the split title. The second line is italic.
- 02Add a section
A double rule, an eyebrow, and either a grid, a list, or a command.
- 03Draw in the page
A diagram is SVG written into the page. It is not an image. The research use case is the only animated scene, and it is not part of this kit.
Design Kit © Praison AI Limited.