Brand
One rule.
Every shape.
Everything in Knode is drawn with square cells, and every corner, convex or concave, is rounded by half a cell. Logos, letters and icons all follow it.
Logo
- HorizontalSVG, PNG, PDF
- SymbolSVG, PNG, PDF
- StackedSVG, PNG, PDF
Leave the width of the slot as clear space around the logo. Smallest sizes: the symbol at 16 px, the horizontal logo at 88 px wide. Never redraw, recolour outside the three inks, or stretch it.
Colour
- Ink#0B0B14RGB 11 11 20Backgrounds and text
- Paper#F3F2EERGB 243 242 238Backgrounds and text
- Indigo#818CF8RGB 129 140 248The mark and accents, never text on paper
Three inks, used about 60, 30 and 10. No gradients.
Type
- Knode BlockHeadlines and the brand. Uppercase.
Connect your thoughts
- Knode LineLabels and short interface text. Uppercase.
What we are building
- GeistEverything that is read.
A map of your knowledge, in an open file that is yours.
- Geist MonoCode, file names, data and the terminal.
knode import ~/notes.md
Knode Block and Knode Line are drawn on the same grid as the logo. Geist and Geist Mono are by Vercel.
Icons
Brand and map
- Knode
- Node
- Connect
- Map
- Tree
- Group
- Link
Files
- File
- Note
- Folder
- Import
- Export
- Save
- Archive
- Delete
Editing
- Edit
- Text
- Tasks
- Copy
- Cut
- Paste
- Undo
- Redo
- Select
- Drag
- Add
View
- Zoom in
- Zoom out
- Focus
- Expand
- Sidebar
- Grid
- List
- Show
- Hide
- Pin
Navigation
- Home
- Search
- Filter
- Sort
- Menu
- More
- Back
- Forward
- Up
- Down
- Close
- Done
Content
- Chat
- Image
- Calendar
- History
- Tag
- Bookmark
Account and status
- Profile
- People
- Private
- Cloud
- Alerts
- Info
- Warning
- Help
- Settings
Web and developers
- Web
- RSS
- Code
- Terminal
A 7 by 7 grid with a one-cell stroke. Fills only for the mark and active states. All 68, plus platform icons, in the brand kit.
In the terminal
%@@@@@@@@@- -@@@@@@@@@%. =@@@= .@@@* %@@@@@@@@@- -@@@@@@@@@% %@@@@@@@- -@@@@@@@@@% @@@@@@@@@@*::::+@@@@@@@@@@. +@@@+ :@@@# @@@@=:%@@@= =@@@#:+@@@@ @@@@=:%@@#: =@@@%:::::. @@@@@@@@@@@@@@@@@%=======- +@@@@+%@@=: @@@@: #@@@= =@@@+ :@@@@ @@@@: #@@@= =@@@@*++= @@@@@@@@@@@@@@@@@%=======- +@@@@+%@@=: @@@@: #@@@= =@@@+ :@@@@ @@@@: #@@@= =@@@@*++= @@@@@@@@@@*::::+@@@@@@@@@@. +@@@+ :@@@# @@@@: #@@@= =@@@#:+@@@@ @@@@=:%@@#: =@@@%:::::. %@@@@@@@@@- -@@@@@@@@@%. =@@@= .@@@* %@@%. *@@@- -@@@@@@@@@% %@@@@@@@- -@@@@@@@@@%
[ok] done [..] running [--] skipped !! error
Where there are only characters, the same shapes are painted with .:-=+*#%@: the CLI, READMEs and plain text.
Using the brand
Use the logo to talk about Knode or link to it, unmodified. Don't change it, use it for your own product or present yourself as Knode. Licenses