Idea Design CR

Brand Guidelines

The visual identity and design system that powers IdeA Design.

Our Brand

IdeA Design represents the fusion of innovative architectural thinking and personalized client service. Our brand identity reflects our commitment to creating exceptional living spaces in Costa Rica.

The design language emphasizes warmth, professionalism, and the tropical elegance of Costa Rican architecture while maintaining modern sophistication.

Warm

Inviting & Approachable

Premium

Quality & Excellence

IdeA Design Logo

Background Pattern

Our tropical palm tree pattern is used across page headers and section backgrounds, adding a distinctive Costa Rican character to the brand. You're seeing it right now — the subtle tiling grid behind this entire page.

Download Pattern

Logo

Our logo features the distinctive “IdeA” wordmark with the tagline “My Home in Costa Rica”. The stylized “A” represents architectural structure and aspiration.

For Light Backgrounds

IdeA Design Logo for light backgrounds
Download

For Dark Backgrounds

IdeA Design Logo for dark backgrounds
Download

Compact Wordmark

The compact “IdeA” wordmark without tagline, used in the footer and compact layouts.

Orange

IdeA compact logo — Orange

#F49739

Black

IdeA compact logo — Black

#0A0A0A

Gray

IdeA compact logo — Gray

#666766

White

IdeA compact logo — White

#FFFFFF

Download

Do's

  • Maintain clear space around the logo
  • Use the appropriate version for the background
  • Keep the logo proportions intact
  • Ensure the logo is always legible

Don'ts

  • Don't stretch or distort the logo
  • Don't change the logo colors arbitrarily
  • Don't add effects like shadows or gradients
  • Don't place on busy or low-contrast backgrounds

Color Palette

Our color palette is warm and inviting, reflecting the tropical elegance of Costa Rica while maintaining professional sophistication.

Primary Brand Colors

Primary Orange

#F49739

CTAs, links, accents, highlights

Primary Hover

#E58510

Hover states, active elements

Light Mode

Background

#FFFFFF

Page backgrounds

Foreground

#0A0A0A

Primary text, headings

Card

#FFFFFF

Card backgrounds

Secondary

#F9F9F9

Secondary backgrounds

Muted

#F5F5F5

Muted backgrounds

Border

#E5E5E5

Borders, dividers

Gray

#666766

Secondary text, captions

Dark Mode

Background

#1A1814

Page backgrounds

Foreground

#F5F3EF

Primary text, headings

Card

#252219

Card backgrounds

Secondary

#2A2620

Secondary backgrounds

Muted

#322E27

Muted backgrounds

Border

#3D3830

Borders, dividers

Accent

#3D3830

Accent backgrounds

Typography

Poppins is our primary typeface, chosen for its modern geometric forms and excellent readability across all sizes and contexts.

Poppins

Primary Font Family

Geometric sans-serif for all UI text

Aa Bb Cc Dd Ee Ff
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Type Scale

6xl / 60pxHeading 1
4xl / 36pxHeading 2
2xl / 24pxHeading 3
xl / 20pxHeading 4
lg / 18pxLarge body text
base / 16pxRegular paragraphs
sm / 14pxCaptions, labels

UI Components

Buttons

Light Mode

Dark Mode

Cards

Standard Card

Basic card with subtle border and rounded corners.

Accent Card

Card with left accent border for emphasis.

Primary Card

Card with primary background color.

Border Radius

sm

4px

md

6px

lg

8px

xl

12px

2xl

16px

full

9999px

Design Principles

🏠

Architectural

Clean lines and structured layouts that reflect our commitment to architectural excellence.

Premium

Sophisticated aesthetics that communicate quality and exclusivity in every detail.

🎯

Purposeful

Every design element serves a function, creating intuitive and meaningful experiences.

🌓

Adaptive

Seamless transitions between light and dark modes for comfortable viewing in any environment.

Accessible

Inclusive design that ensures our brand is accessible to everyone, regardless of ability.

🤝

Trustworthy

Consistent, professional presentation that builds confidence and trust with our clients.

Questions about our brand?

If you need brand assets or have questions about using our brand, please get in touch.

Contact Us