Color Palette
Core Colors
These colors form the foundation of the Pedras Capital brand identity.
Deep Forest Green
#3C4943
Deep Forest Green
Anchors the brand — natural, serious, confident
Light Tone 1
#E5E5E0
Light Tone 1
Provides soft contrast without being stark white
Light Tone 2
#F8F8F6
Light Tone 2
Subtle background for content areas
Graphite Gray
#4A5650
Graphite Gray
Subtle but excellent for dividers and text
Extended Colors
These colors complement the core palette and add depth to the brand identity.
Muted Gold
#D1B17B
Muted Gold
Brings warmth and elegance — perfect for buttons
Sage
#BFC9C1
Sage
Excellent for section backgrounds
Clay
#C8CCC9
Clay
Perfect for soft UI panels and dividers
Ash Blue
#6F8F89
Ash Blue
Cooler tone that contrasts with warmer base
Moss Tint
#F0F1F0
Moss Tint
Ultra-subtle alt background for cards and forms
Dark Forest
#2E3A36
Dark Forest
Deeper version for headings and emphasis
Color Usage Guide
Recommended color combinations for different UI elements.
| Area | Suggested Colors | Preview |
|---|---|---|
| Background | #3C4943#F0F1F0#E5E5E0 | |
| Headings | #2E3A36#4A5650 | |
| Body Text | #4A5650#3C4943#1F1F1F | |
| Buttons/CTAs | BG: #D1B17BText: #3C4943 | |
| Hover States | #BFC9C1#C8CCC9 | |
| Links | #6F8F89 | Sample Link |
| Dividers | #C8CCC9 |
Typography
Primary Font: Inter
Inter is our primary typeface. It's clean, modern, and highly legible across all sizes.
Headings
Heading 1
36px / Bold / #2E3A36
Heading 2
30px / Bold / #2E3A36
Heading 3
24px / Semibold / #2E3A36
Heading 4
20px / Semibold / #2E3A36
Heading 5
18px / Medium / #2E3A36
Body Text
Body Regular: This is the standard body text used for most content. It should be legible and comfortable to read across devices.
16px / Regular / #4A5650
Body Medium: Used for slightly emphasized text within paragraphs or for short, important statements.
16px / Medium / #4A5650
Small Text: Used for captions, footnotes, and supporting information.
14px / Regular / #4A5650
Extra Small: Used for legal text, credits, and other fine print.
12px / Regular / #4A5650
Typography Best Practices
- Maintain a clear hierarchy with consistent heading levels
- Use adequate line height (1.5 for body text, 1.2 for headings)
- Limit line length to 60-80 characters for optimal readability
- Ensure sufficient contrast between text and background colors
- Use font weights strategically to create emphasis without overusing bold
- Maintain consistent alignment (typically left-aligned for body text)
UI Components
Buttons
Primary Button
Used for main calls-to-action and primary user flows.
Secondary Button
Used for alternative actions and supporting flows.
Tertiary Button
Used for less important actions or in space-constrained areas.
Button States
Form Elements
Text Input
Dropdown
Checkbox
Radio Buttons
Cards
Card Title
This is a sample card component that can be used to display content in a contained format.
Cards are versatile containers for displaying related content and actions.
Alerts & Notifications
Information Alert
This is an informational message for the user.
Success Alert
Your changes have been saved successfully.
Error Alert
There was a problem processing your request.
Navigation
Header Navigation
Footer
Pedras Capital
Providing exceptional financial services with integrity and expertise since 2005.
Contact
- 123 Finance Street
- New York, NY 10001
- [email protected]
- (555) 123-4567
Usage Examples
Landing Page Hero
Financial Expertise You Can Trust
Pedras Capital provides strategic investment solutions tailored to your unique financial goals.
Hero sections should be impactful and clearly communicate the brand's value proposition.
Service Cards
Wealth Management
Comprehensive wealth management solutions tailored to your financial goals.
Investment Strategy
Strategic investment planning to maximize returns and minimize risk.
Service cards should be clean, consistent, and clearly communicate the offering.
Contact Form
Get in Touch
Forms should be clean, accessible, and provide clear feedback to users.
Blog Article
Understanding Market Trends in 2023
Published on May 15, 2023 • 5 min read
The financial landscape continues to evolve rapidly in 2023, with several key trends emerging that investors should be aware of. From sustainable investing to digital assets, understanding these trends is crucial for making informed decisions.
Sustainable Investing
Environmental, Social, and Governance (ESG) factors are increasingly important in investment decisions. Companies with strong ESG profiles are showing resilience in volatile markets.
"Sustainable investing is no longer just a trend—it's becoming a fundamental approach to risk management and long-term value creation."
Digital Transformation
The acceleration of digital adoption across industries presents both challenges and opportunities for investors. Companies that successfully navigate digital transformation are positioned for growth.
Content pages should prioritize readability with proper spacing and hierarchy.