Read the sky rules before putting a gradient behind a button
TagsIdentity
Logo
A sun setting over three bands of sea, and a heavy wordmark with a notch in the f and a square for a period. Use them together or apart, always in one color.
Full logo
Symbol
Wordmark
Rules
- Ivory on Jadran is the hero. It goes on the avatar, the favicon and the seal.
- Jadran or Ink on light grounds and on Mandarina. Ivory on dark grounds and on the lower half of the sky.
- The period is a square, always. It is the only shape we repeat as ornament.
- Smallest sizes: the symbol at 16 px, the wordmark at 64 px wide, the full logo at 120 px wide.
- No outlines, shadows, gradients or two colors inside the mark. No ® except in legal spots like the footer and packaging.
- Never Ivory on Mandarina or Žalfija. It drops to 1.8:1 and disappears.
Palette
Color
Five colors, drawn here at the share of a page each one should take. Ivory and Ink do most of the work, Jadran carries the brand, Žalfija calms things down, and Mandarina is the one moment of joy. Tap a color to copy its hex.
Widths show how much of a layout each color should cover.RGB values, for screen and print proofing
Contrast lab
Pick a text color and a ground. Ratios are calculated live against WCAG 2.2.
Know when to stop.
We find the one idea your brand can stand on, give it a face and a voice, and build everything else around it.
10.4:1
Gradient
One sky
There is one gradient: a late Adriatic afternoon falling into night, from Ivory through Mandarina, Žalfija and Jadran down to Ink. Every gradient in the brand is a crop of it. Drag the frame to crop your own.
Golden hourfjaka.
Named crops
CSS
- Light on top, dark below. The sun only ever sets.
- Always with grain, so it reads as paper and film rather than screen.
- Big moments only: the site hero, card backs, covers, stories. Everything else is flat color.
- Never inside the logo, never behind body text, never rotated.
Typeface
Aeonik
One family in seven weights, from Air to Black, set mostly in Regular. Big sizes get tight tracking, small sizes get air. Aeonik Mono handles coordinates, labels and tags.
Fjaka Design Studio
Aeonik is built into this page, so everyone sees the real typeface. Labels use Geist Mono until Aeonik Mono is added. Click the sample to type your own words.
Interface
Components
The pieces our website is built from, laid out the way the site will use them. The closing block and footer at the bottom of this page are the real ones.
Project card
Client wall
Client logos go in once the list is final, in one color on Ivory.
Applications
In use
The sky on the front, Ivory on the back, the symbol wherever there is only room for one thing.
Business card · tap to turn
Story
Launching soon
Wax seal
Avatar
App and favicon
Letterhead strip
42.09 N, 19.10 E