Skip to content
Gallery
Style Guide
Style Guide
Basic Colors
Turn RGB into HEX
Images & Logo
Gradient Colors
More
Share
Explore

icon picker
Style Guide

Use Coda to store color related information
Christiaan Huizer
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.
Colors
Hex
Visueel
Color URL
⁠

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
⁠
⁠
⁠
Transform Your Business with Coda
Coda Expert solutions tailored to you
huizer.be
⁠
⁠

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.