Journal

The Art of Journaling

Journaling is a contemplative, creative, literary art enhancing our development as both writers and human beings. It is a means through which we enter a mindful and creative process, making space to reflect and create in both our lives and writing. When we sit down to write, we are in effect pausing life to think, see again, know and understand ourselves, dream, and process life-changing events. As life ceaselessly swirls and whirls around us, the journal is a respite, a place to land where we can push up our sleeves, ask ourselves important questions, find our truth, and tell our stories. Journaling is owning and honoring the stories within this very life we are living.

When we take up the pen to name what is going on in our lives, we empower ourselves. We become co-authors of the story of our lives—written by intention and happenstance, hope and circumstance, patience and determination, love and grit.

The rewards of journaling are profound, including wisdom, deeper self-knowledge, creativity, eloquence, literary development, and greater wellness through mindful living.

Design Principles

Clarity: Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate, and a sharpened focus on functionality motivates the design. Negative space, color, fonts, graphics, and interface elements subtly highlight important content and convey interactivity.


Deference: Fluid motion and a crisp, beautiful interface help people understand and interact with content while never competing with it. Content typically fills the entire screen, while translucency and blurring often hint at more. Minimal use of bezels, gradients, and drop shadows keep the interface light and airy, while ensuring that content is paramount.


Depth: Distinct visual layers and realistic motion convey hierarchy, impart vitality, and facilitate understanding. Touch and discoverability heighten delight and enable access to functionality and additional content without losing context. Transitions provide a sense of depth as you navigate through content.

Color Palette

BLACK

#1A1A1A
R26  G26  B26
C0  M0  Y0  K90

OLD GOLD

#AC9177
R172  G145  B119
C0  M16  Y31  K33

#907764
R144  G119  B101
C0  M17  Y31  K44

WHITE

#FFFFFF
R255  G255  B255
C0  M0  Y0  K0

UI Colors

The UI colors are meant to be used for complex graphics and illustrations within the app. These additional tints enable appropriate depth needed in the designs.

Typography

GEORGIA : REGULAR

ABCDEFGHIJKLMNO
PQRSTUVWXYZ

abcdefghijklmno
pqrstuvwxyz

SAN FRANCISCO : THIN / LIGHT

ABCDEFGHIJKLMNO
PQRSTUVWXYZ

abcdefghijklmno
pqrstuvwxyz

PALATINO :  REGULAR / ITALIC

ABCDEFGHIJKLMNO
PQRSTUVWXYZ

abcdefghijklmno
pqrstuvwxyz

Hierarchy

A systematic font scaling rule was devised to ensure proper application for the selected typefaces. The system works on multiples of four, defining a proper visual hierarchy for content layout and better readability.

Maximum of three different font combinations are allowed on a single screen at any point, avoiding reading and scanning fatigue.

The fewer number of typefaces you use, the better,
and the fewer number of type sizes is even better.


Massimo Vignelli

Iconography

A cohesive matrix of icons was derived using simple, outlined pictograms. The system was crafted specifically for smaller, touch based screens (phones & tablets). This resulted in a modern and minimalist set of icons that can be elegantly scaled up to websites for larger screens.

Navigation
Journaling
Media Types
Formatting
Maps & Cartography
Search

UI/UX

Application

Framework

Journal

Places