Skip to content

Instantly share code, notes, and snippets.

View hudsonbrendon's full-sized avatar
🏠
Working from home

Hudson Brendon hudsonbrendon

🏠
Working from home
View GitHub Profile

You are designing a landing page for Pluma, a Brazilian AI-powered financial assistant app. Follow the design.json below as your design system guidelines. The overall aesthetic should feel premium, trustworthy, and warm - like a sophisticated fintech brand that's approachable yet professional.

Follow instructions below for copy and landing page content design.json { "designPrinciples": { "overall": "Premium fintech with warmth. The design should feel like a trusted financial advisor who's also a friend - sophisticated but never cold or intimidating.", "keywords": ["trustworthy", "premium", "warm", "clean", "sophisticated", "approachable"], "avoid": ["generic SaaS look", "overly corporate", "cold/sterile", "cluttered", "aggressive CTAs"] },

"colorPalette": { "primary": { "forest": "#1C3F3A", "forestLight": "#2A5A52", "forestDark": "#152E2A" }, "neutral": { "white": "#FFFFFF", "cream": "#F8F6F0", "sand": "#EBE8D8", "warmGray": "#A8A598", "charcoal": "#2D2D2D", "black": "#1A1A1A" }, "accent": { "sage": "#C5D4C

@hudsonbrendon
hudsonbrendon / system_design_claude_prompt.md
Created January 31, 2026 12:03
System design claude prompt

I am writing a prompt to use in Replit Design Mode: an ai agent specialized in designing beautiful landing pages. In addition to React/ Shadcn/ Tailwind code generation , this agent can also generate images, short videos and get stock photos from the internet.

I need to give enough context to it so that it generates a design that matches my expectations.

See below the description that I have so far for this landing page. As you will see, this is lacking some style guidelines.

Section 1: Hero

Layout: 2 columns Background color: #FFFFFF

class Parent(object):
def __init__(self):
print('Building the Parent class')
class Child(Pai):
def __init__(self):
super(Child, self).__init__()
import random
# TODO: Implemente a função de busca binária para o computador
def binary_search_guess(low: int, high: int) -> int:
mid = (low + high) // 2
print(f"O computador chutou {mid}!")
return mid
repos:
- repo: https://github.com/asottile/seed-isort-config
rev: v2.2.0
hooks:
- id: seed-isort-config
- repo: https://github.com/pre-commit/mirrors-isort
rev: v5.10.1
hooks:
- id: isort
- repo: https://github.com/ambv/black
[settings]
known_third_party = ["pytest", "requests"]
[tool.black]
line-length = 120
[tool.isort]
profile = "black"
from requests.models import Response
from ingresso import Ingresso, __version__
def test_version():
assert __version__ == "0.1.0"
class TestIngresso:
import pytest
from ingresso import Ingresso
@pytest.fixture
def ingresso():
return Ingresso(
48,
"cinepolis",
from .ingresso import Ingresso # noqa
__version__ = "0.1.0"
import requests
from requests.models import Response
class Ingresso(object):
__URL = "https://api-content.ingresso.com/v0/"
def __init__(
self,
city_id: int,