Skip to content

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.

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
  • Mail
  • 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