FutureHabits.Tech
Brand Design Guidelines
For Canva, Banana Design, and social media asset creation
1. Brand Identity
2. Color Palette
Ink (Primary)
#201c32
RGB: 32, 28, 50 | HSL: 252, 22%, 15%
Blush (Background)
#fffafb
RGB: 255, 250, 251 | HSL: 350, 100%, 99%
Rose (Accent)
#c6747c
RGB: 198, 116, 124 | HSL: 354, 42%, 62%
Primary Gradient (Ink to Rose)
135deg: #201c32 (0%) to #c6747c (100%)
Use for: building brick elements, buttons, decorative backgrounds
3. Typography
Inter
Google Fonts: fonts.google.com/specimen/Inter
Regular (400): Body text, descriptions
Medium (500): Subheadings, labels
Semi-bold (600): Section headers
Bold (700): Headlines, CTAs
Prohibited Characters
- No em dashes or en dashes: use hyphens (-)
- No arrows: use colons (:) or periods (.)
4. Rounded Corners (Key Rule)
All visual elements must have rounded corners. Never use sharp/square corners.
| Element | Radius | Canva Setting |
|---|---|---|
| Images and Photos | 16px | Corner roundness: 16 |
| Cards and Containers | 16px | Corner roundness: 16 |
| Buttons | 12px | Corner roundness: 12 |
| Building Brick Blocks | 16px | Corner roundness: 16 |
Correct: rounded-2xl (16px)
Wrong: sharp corners
5. Building Bricks Pattern
The signature decorative element of FutureHabits.Tech: gradient rectangular blocks arranged in offset, stacked formations, like building bricks. Use these as background decoration on social media graphics.
Brick Element Rules
- 1.Each brick uses the Ink-to-Rose gradient (135 degrees)
- 2.All bricks have rounded corners (16px radius)
- 3.Vary sizes: mix small (60x30), medium (100x50), and large (140x70) blocks
- 4.Vary opacity: 40% to 90% for depth and layering
- 5.Place in corners or edges, leaving center clear for text
- 6.Arrange in offset/stacked grid (like Tetris or Lego bricks)
Example Pattern
Corner Composition (for social posts)
Your headline here
Subtitle or description
6. Social Media Templates
Standard sizes for social media. Use building bricks in corners, keep the center clear for headlines.
Instagram Post
1080 x 1080px
Instagram Portrait
1080 x 1350px
LinkedIn Post
1200 x 627px
Stories / Reels
1080 x 1920px
Template Layout Rules
- Place building bricks in 1-2 corners (top-left and/or bottom-right preferred)
- Keep center 60% of the canvas clear for text and images
- Use Blush (#fffafb) as the background color
- Headlines in Ink (#201c32), body in Rose (#c6747c) or Ink at 72% opacity
- All images and containers must have 16px rounded corners
7. Do's and Don'ts
Use rounded corners everywhere
16px for images, cards, bricks. 12px for buttons. Always.
Use sharp corners
Never use square or unrounded elements in any visual.
Use the Ink-to-Rose gradient
Apply the 135-degree gradient on building brick elements.
Use off-brand colors
No random blues, greens, or neon accents. Stick to Ink, Rose, Blush.
Add building bricks as decoration
Place gradient blocks in corners to frame your content.
Fill the entire background with bricks
Keep center clear. Bricks are accents, not wallpaper.
Use Inter font consistently
Inter for all text. Bold for headlines, regular for body.
Use em dashes or arrows
Use hyphens (-) and colons (:) instead. Keep typography clean.
8. Brand Voice
- •Professional and outcome-focused: Emphasize results over process
- •Avoid tech jargon: Speak in terms users understand
- •Primary CTA: "Let's Talk" for main conversions
- •Key phrases: "Zero fluff", "From ideas to market", "habits of tomorrow"
- •Tone: Confident but not arrogant, helpful but not preachy