Style Guide

Use Coda to store color related information
When I work with clients it feels good to follow their color scheme in the documents I create for them (mainly overviews, financial reporting and planning tools). I have a look at their site and pick the colors and sometimes also images I like to reuse in my presentation. The images I store in a table (not shown here), the colors I store as below. The Color URL below helps me to find colors that go well with the colors I found on their site.
Shape - Rectangle
When the doc is used as a mobile application, I make sure that the look and feel supports easy navigation. Colored shapes sometimes come in handy to show different parts of the page.
The creation of a shape on the canvas requires a few few elements:
with in pixels (for example 1024)
high in pixels
color in hex and between “” like “#0cb4ce”
and optional a text you see when you hover over the shape, but I leave it away most of the time

Rectangle(1000,50) -> Black Shape

Rectangle(1000,50,"#0cb4ce") - > Color you of your liking


image.gif
image.gif
image.gif
image.gif
image.gif
image.gif
image.gif
this is text appearing when hovering over the shape
image.gif


ClipCircle(Rectangle(200,200,"#0cb4ce"))

Coda provides some tools to play around with colors, but not a lot for the moment. Colors offered in butons and tables are predefined. Since presentation is important to Coda, I guess they’ll solve it over time permitting us to set any color as we see fit.
Best,
Christiaan
handtekening christiaan huizer.png

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.