Creative Info · Design Studio Brand Guidelines
Creative Info
Brand Book
Official document · Visual identity
Version 1.0 August 2026 Confidential — Internal and partner use
Contents

Index

Creative Info — Design StudioBrand Book · v1.0
01
01 · Identity

The logo

The Creative Info logo is a geometric wordmark with rounded strokes, accompanied by the “Design Studio” descriptor in capital letters and a yellow block that acts as the brand’s chromatic signature. It conveys a creative, modern and tech-driven character. The logo is a fixed asset: it must not be rebuilt, redrawn or have its typeface replaced.

Primary logo · light background Creative Info primary logo
Creative Info — Design Studio01 · The logo
02
02 · Identity

Logo variants

Six official versions cover any background and any print or screen context. Always choose the variant that guarantees maximum contrast and legibility.

Primary
Black + yellow accent · light backgrounds
Reversed
White + yellow accent · dark backgrounds
Monochrome yellow
Black backgrounds / dark images
Monochrome black
One ink · light backgrounds
Monochrome white
One ink · dark backgrounds
On yellow
Use the black version on #FFF200
Creative Info — Design Studio02 · Variants
03
03 · Identity

The icon

The icon condenses the brand into a single symbol: a lightbulb drawn from the letter “C”, with a central dot, radiating rays and a three-line base. It is used where the full logo does not fit or would lose legibility: app icons, favicons, social avatars and small UI placements. Like the logo, it is a fixed asset and must not be redrawn.

App iconCreative Info app icon
SymbolCreative Info symbol
Sizes

The app icon is supplied at 512 × 512 px. Export smaller sizes from that master; never scale up a smaller file. Below 32 px, use the app icon rather than the free-standing symbol.

512 px
Master
180 px
Touch icon
32 px
Favicon
16 px
Favicon
Creative Info — Design Studio03 · The icon
04
04 · Identity

Icon variants

The symbol follows the same color rules as the logo. Choose the version with the strongest contrast against its background.

App icon
Yellow on black, rounded square · apps, favicon
Symbol white
One ink · dark backgrounds
Symbol yellow
Black backgrounds / dark images
Symbol black
One ink · light backgrounds
On yellow
Use the black symbol on #FFF200
Social avatar
Yellow symbol in a black circle
Creative Info — Design Studio04 · Icon variants
05
05 · Construction

Clear space and minimum size

Keep a clear area free of other elements around the logo. The reference measurement X equals the height of the “Design Studio” descriptor. Leave at least 1X of space on every side.

1X 1X 1X 1X
Minimum size

Below these sizes the descriptor loses legibility. For very small uses (favicon, avatar), use the icon instead (see section 03).

Digital · min. 160 px wide
Print · min. 25 mm
Creative Info — Design Studio05 · Construction
06
06 · Correct application

Correct and incorrect usage

Consistency protects the brand. Respect proportions, colors and contrast; never alter the logo.

✓ On a clean, light background
✓ Reversed version on a dark background
✓ Black on the brand yellow
✕ Do not distort or stretch
✕ Do not rotate or tilt
✕ Do not use without sufficient contrast
Creative Info — Design Studio06 · Usage
07
07 · Color

Color palette

Pure yellow is Creative Info’s leading, signature color; black provides the solid, elegant foundation. Grays and white balance the palette and give it room to breathe.

Yellow
Primary / accent color. Buttons, highlights, brand energy.
HEX #FFF200
RGB 255·242·0
CMYK 4·0·100·0
Black
Primary. Typography, logo, high-impact backgrounds.
HEX #000000
RGB 0·0·0
CMYK 0·0·0·100
Soft black
Large dark backgrounds and sections without eye strain.
HEX #111111
RGB 17·17·17
CMYK 0·0·0·93
Gray
Supporting neutral. Secondary text, lines, UI details.
HEX #6B6B6B
RGB 107·107·107
CMYK 0·0·0·58
White
Base and breathing room. Clean backgrounds and negative space.
HEX #FFFFFF
RGB 255·255·255
CMYK 0·0·0·0
Suggested ratio: ~70% white/black · 20% neutrals · 10% yellow (accent). Accessibility: use yellow with black text or elements on top; never use yellow text on white.
Creative Info — Design Studio07 · Color palette
08
08 · Typography

Typographic system

To reinforce the geometric character of the logo, two Google Fonts families are proposed, natively available in Elementor and on the web: Poppins for headlines and Inter for body text.

Headlines · Display
Poppins
Aa Bb Cc Dd Ee
0 1 2 3 4 5 6 7 8 9
Headline H1 700 · 40–56px
Subheading H2 600 · 28–34px
Heading H3 500 · 20–24px
Text · Body
Inter
Aa Bb Cc Dd Ee
0 1 2 3 4 5 6 7 8 9
Body text for long paragraphs, comfortable to read on screen and in print. 400 · 16–18px
Highlight / labels 600 · 13–15px
Creative Info — Design Studio08 · Typography
09
09 · In action

Applications

Brand signature Creative Info
Design that informs,
ideas that communicate.
Webcreativeinfosd.com Emailmisa@creativeinfosd.com DocumentBrand Book · v1.0 · Aug 2026
Creative Info — Design Studio09 · Applications